/* BASE */

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

/*@keyframes  {*/
    /*from {*/
        /*margin-left: 100%;*/
        /*width: 300%;*/
    /*}*/

    /*to {*/
        /*margin-left: 0%;*/
        /*width: 100%;*/
    /*}*/
/*}*/

@font-face {
    font-family: Gotham;
    src: url(/css/fonts/GothamBookRegular.otf);
}
@font-face {
    font-family: Adobe-Caslon-Pro-Italic;
    src: url(/css/fonts/Adobe-Caslon-Pro-Italic.eot),
         url(/css/fonts/Adobe-Caslon-Pro-Italic.ttf),
         url(/css/fonts/Adobe-Caslon-Pro-Italic.woff);
}
@font-face {
    font-family: Baskerville-Regular;
    src: url(/css/fonts/Baskerville-Regular.ttf);
}
@font-face {
    font-family: Baskerville-Light;
    src: url(/css/fonts/Baskerville-Light.ttf);
}
@font-face {
    font-family: Baskerville-Italic;
    src: url(/css/fonts/BaskervilleItalicBT.ttf);
}
.fade-delay-1 {
    opacity: 1;
    -moz-animation: fadein 500ms linear; /* Firefox */
    -webkit-animation: fadein 500ms linear; /* Safari and Chrome */
    -o-animation: fadein 500ms linear;/* Opera */
    animation: fadein 500ms linear;
}

body {
    font-family: Gotham, sans-serif;
    margin: 0;
}
body.noScroll {
    position: fixed;
    width: 100%;
    height: 100%;
}
img {
    border: 0;
}

ul {
    padding-left: 0;
    list-style-type: none;
    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

a:active, a:focus {
    color: inherit;
    outline: none;
}

input, select {
    font-family: inherit;
    font-size: inherit;
    padding: 0;
    width: 100%;	
    outline: none;		
}

::-webkit-input-placeholder {
    font-family: Baskerville-Regular, serif;
    color: #c3c3c3 !important;
    font-weight: 100;
}
::-moz-placeholder {
    font-family: Baskerville-Regular, serif;
    color: #c3c3c3 !important;
    font-weight: 100;
}
:-ms-input-placeholder {
    font-family: Baskerville-Regular, serif;
    color: #c3c3c3 !important;
    font-weight: 100;
}
:-moz-placeholder {
    font-family: Baskerville-Regular, serif;
    color: #c3c3c3 !important;
    font-weight: 100;
}

#navigation {
    margin: 0 auto;
    /*max-width: 1300px;*/

    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
#navigation.noScroll {
    opacity: 0;
}
.page {

}
.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.fa_with_bg::before{
    position: relative;
    z-index: 1;
}
.fa_with_bg::after{
    position: absolute;
    content: '';
    background: #FFF;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.showOnMobile {
    display: none !important;
}

.o-hidden {
    overflow: hidden;
}

/* SLICK */

.slick-slider {
    margin-bottom: 0;
}

.slick-prev, .slick-next {
    top: 48%;
    top: -webkit-calc(50% - 15px);
    top: -moz-calc(50% - 15px);
    top: calc(50% - 15px);
}

.slick-prev, .slick-prev:hover, .slick-prev:focus{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E") 0;
    width: 27px;
    height: 44px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    left: -50px;
    z-index: 999;
}

.slick-prev:before {
    content: ""
}

.slick-next, .slick-next:hover, .slick-next:focus{
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23333333'%2F%3E%3C%2Fsvg%3E") 0;
    width: 27px;
    height: 44px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
    right: -50px;
    z-index: 999;
}

.slick-next:before {
    content: ""
}

#newsDetail{
    z-index: -10;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed;
    width: 100%;
    top: 160px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: #FFF;
}
#newsDetail.show {
    opacity: 1;
    overflow: auto;
    z-index: 10;
}
.hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* MENU */

.menuStackedCircle {
    width: auto;
    height: auto;
    line-height: 12px;
    background: #FFF;
    margin: 25% 0 0 60%;
    font-size: 12px;
    border-radius: 50%;
    padding: 5%;
}

.menu {
    margin: 0 auto;
}
.menuSelected, .bookSelected {
    font-weight: bold;
}


.menuDesktop {
    position: relative;
    text-align: center;
    z-index: 100;
    background: #FFF;

    transition: all 0.3s ease;
}
.menuDesktop > .menuSpace {
    max-width: 1500px;
    margin: 0 auto;
    position: relative;
    padding: 20px;
    z-index: 1000;
}
.menuSpace {
    -webkit-transform: translate3d(0,0,0);
    -webkit-overflow-scrolling: touch;
}

#cornerLeft {
    left: 40px;
}
#cornerRight {
    right: 40px;
}
.menuCorner {
    position: absolute;
    top: 10px;
}
.menuCorner > li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.multiLanguage {
    position: relative;
    text-transform: uppercase;
}

.multiLanguage.active .dropdown {
    display: block;
}

.multiLanguage.active span i {
    transform: rotate(-180deg);
}

.multiLanguage span {
    font-size: 13px;
    margin-right: 5px;
    cursor: pointer;
}
.multiLanguage span i {
    margin-left: 5px;
}
.multiLanguage .dropdown {
    position: absolute;
    top: 25px;
    right: 0;
    background: black;
    padding: 15px;
    text-align: left;
    display: none;
}

.multiLanguage .dropdown:after {
    content: '';
    position: absolute;
    top:-5px;
    right: 6px;
    display: block;
    height : 0;
    width : 0;
    border-right : 10px solid transparent;
    border-bottom : 10px solid black;
    border-left : 10px solid transparent;
}

.multiLanguage .dropdown li a {
    color: white;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    text-align: left;
}

.menuLogo {
    max-width: 310px;
    margin: 0 auto;
}
.menuLogo > a {
    display: block;
}
.menuLogo > a > img {
    width: 100%;
}

.menuNavigation {
    max-width: 1000px;
    margin: 20px auto 0;
}
.menuNavigation > ul {
    display: -ms-flexbox;
    -ms-flex-pack: center;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
@supports (-ms-ime-align:auto) {
    .menuNavigation > ul{
        justify-content: space-between;
    }
    /* IE Edge 16+ CSS */
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS */
    .menuNavigation > ul{
        justify-content: space-between;
    }
}
.menuNavigation > ul > li {
    font-size: 13px;
    line-height: 21px;
    text-transform: uppercase;
    /*display: inline-block;*/
}

.minimal {
    position: fixed;

    top: 0; left: 0; right: 0; z-index: 100;
    background: #FFF;

}
.minimal > .menuSpace {
    max-width: 1480px;
    margin: 0 auto;
    padding: 10px 20px;
}
.minimal > .menuSpace > .menuCorner:nth-child(1) {
    width: 127px;
}
.minimal > .menuSpace > .menuCorner:nth-child(2) {
    width: 121px;
}
.minimal > .menuSpace > .menuCorner, .minimal > .menuSpace > .menuLogo, .minimal > .menuSpace > .menuNavigation {
    display: inline-block;
    vertical-align: middle;
}
.minimal > .menuSpace > .menuCorner {
    position: static;
    left: auto !important; right: auto !important;
}
.minimal > .menuSpace > .menuLogo {
    margin: 0 20px;
    max-width: 180px;
}
.minimal > .menuSpace > .menuNavigation {
    max-width: none;
    margin: 0 auto;
    width: calc(95% - 484px);
}
#desktop-menu-burger {
    width: 19px;
    cursor: pointer;
}
.menuDropDown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 100;
    text-align: left;
    padding: 20px 40px;
    line-height: 26px;

    background: #000000;
    color: #F2F2F2;
}
.menuDropDownSpace {
    max-width: 1470px;
    margin: 0 auto 0 102px;
}
.menuDropDownSpace > div {
    display: inline-block;
    vertical-align: top;
    width: 24.6%;
    width: calc(25% - 4px);
    text-align: center;
}
.menuDropDownSpace > div > ul {
    max-width: 190px;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
}
.menuDropDownSpace > div > ul > li > ul > li{
    display: inline-block;
    vertical-align: middle;
    width: 14.5pt;
}
#desktop-menu-open {

}
#desktop-menu-close {
    display: none;
}
#backTop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000000;
    max-width: 1570px;
    margin: 0 auto;
    pointer-events: none;
}
#backTop img {
    position: absolute;
    bottom: 20%;
    right: 0px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    pointer-events: auto;
}
#backTop img:hover {
    border: 1px solid #F2F2F2;
    width: 38px;
    height: 38px;
}
/* MENU MOBILE */

.menuMobile {
    display: none;
}

.logoMobile {
    width: 163px;
    margin: 0 auto;
    line-height: 32px;
}

#mobile-menu {
    display: none;
    height: 60px;
    line-height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #FFFFFF;
    z-index: 10000;
    text-align: center;
}

#mobile-menu-content {
    display: none;
}

#nav {
    margin-top: 20px;
}

#nav > li > a {
    display: block;
    padding: 10px 18px;
}

#nav li ul {
    display: none;
    padding: 0 17px;
    margin-bottom: 20px;
}

#nav li ul li {
    padding: 5px;
    font-size: 12px;
    line-height: 16px;
}


/* SEARCH */
.search {
    margin: 0 auto 30px;
}
.searchContainer {
    margin: 20px 80px 0;
}
.searchResult {
    text-align: center;
}
.searchResult .fa-refresh {
    font-size: 40px;
    margin-top: 40px;
}
#searchBar {
    display: none;
    margin-top: 74px;
}

#searchBar .searchBarInput {
    max-width: 300px;
    margin: 0 auto 30px;
    position: relative;
}

.searchModels {
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    text-align: center;
    line-height: 21px;
    padding-bottom: 17px;
    outline: none;
}

#mobile-menu {
    display: block;
}

#mobile-menu-content{
    position: fixed;
    top: 59px;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 10000;
    overflow: auto;
    background-color: #FFF;
    text-align: center;
}
.openFormSpace {
    text-align: center;
    min-height: 55px;
}
.search #openForm {
    display: none;
    margin-top: 20px;
    background: #000;
    color: #F2F2F2;
    border: 1px solid transparent;
    height: 32px;
    line-height: 30px;
}
.searchMultiple{
    position: relative;
    /*margin-right: 6px;*/
}
.searchModelsOverlay{
    display: none;
    position: absolute;
    left: 133px;
    right: 0;
    background-color: #e2e2e2;
    text-align: left;
    height: auto;
    max-height: 0;
    overflow-y: auto;
    opacity: 0;
    transition: all 0.2s;
    z-index: 1;
    border-radius: 0 0 5px 5px;
}
.searchModelsOverlay input{
    -webkit-appearance: checkbox !important;
    width: 5% !important;
}
#searchCup table{
    width: 100%;
}
.triggerModelsOverlay{
    max-height: 500px;
    opacity: 1;
    display: block;
}
.searchTitle{
    text-transform: uppercase;
    display: inline-block;
    width: calc(100% - 136px);
    border: 1px solid white;
    text-indent: 10px;
    padding: 8px 0px 8px 0px;
    background: url(/images/down-arrow.png) no-repeat 99% !important;
    background: url(/images/down-arrow.png) no-repeat calc(100% - 10px) !important;
}
.searchModelsOverlay label{
    background: none!important;
    color: #2f2f2f!important;
    white-space: nowrap;
}

.search #openForm:hover {
    border: 1px solid #000;
    background: #F2F2F2;
    color: #000;
}
.search #searchForm {
    display: none;
    background: #000;
    color: #FFF;
    font-size: 12px;
    padding: 20px 80px;
}
.searchFormSpace {
    max-width: 1278px;
    margin: 0 auto;
}
.search .formFields {
    margin-bottom: 20px;
}
.search .formContainer {
    float: left;
    width: 45%;
}
.search .formContainer:nth-child(odd) {
    margin-right: 10%;
}
.search .formContainer:nth-child(even) {

}
.search .formLine {
    margin-bottom: 10px;
}
.search .formLine:last-child {
    margin-bottom: 0;
}
.search .formActionsElements {
    float: left;
    width: 50%;
    min-height: 33px;
}

#searchForm input, #searchForm label, #searchForm select {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #000;
    color: #fff;
    line-height: 30px;
}

#searchForm option {
    color: #000 !important;
}

#searchForm select, #searchForm input {
    border: 1px solid #fff;
    text-indent: 10px;

}
#searchNationalities input {
    width: 15px !important;
}
#searchForm select {
    background: url(/images/down-arrow.png) no-repeat 99% !important;
    background: url(/images/down-arrow.png) no-repeat calc(100% - 10px) !important;
}
#searchForm input, #searchForm select {
    width: calc(100% - 136px);
}
#searchForm span, #searchForm input {
    display: inline-block;
}
#searchForm span, #searchForm .formElement:nth-child(odd) {
    margin: 0;
    width: 130px;
}
#searchForm .formElement:nth-child(even) {
    width: calc(100% - 134px);
}
#searchForm .formElement {
    display: inline-block;
    vertical-align: middle;
}
#searchForm .formElements {
    float: left;
    width: 50%;
}
#searchForm .formElements span {
    width: 50px;
}
#searchForm .formElements select {
    width: calc(100% - 54px);
}
#searchForm button {
    margin-right: 6px;
}
#searchForm button, #openForm {
    height: 30px;
    line-height: 30px;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 14px;
    background: #D2D2D2;
    color: #000;

    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}
#searchForm button:hover {
    background: #FFF;
}
/* BECOME */
#output {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 166px);
    padding-left: 10px;
    font-size: 14px;
    font-family: Baskerville-Regular, serif;
}
#output span {
    display: inline-block;
    margin-bottom: 4px;
}
.become {
    margin-bottom: 30px;
}
.become .formSubmit > div, .formSubmit > button {
    display: inline-block;
    vertical-align: middle;
}
.become .formLine {
    text-align: center;
    margin: 0 80px 10px;
}
.become .formElement {
    width: 100%;
}
.become .formElement input {
    font-family: Baskerville-Regular, serif;
    line-height: 30px;
    text-indent: 10px;
    border: 0;
}
.becomeFieldsHeader {
    max-width: 1420px;
    margin: 0 auto;
}
.becomeFieldsTitle {
    text-align: left;
    max-width: 1262px;
    margin: 0 80px 80px;
    font-size: 26px;
}
.becomeFields .formContainer {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    width: calc(50% - 4px);
    max-width: 708px;
}
.becomeContainer {
    background: #000;
    color: #FFF;
    text-align: center;
    padding: 60px 0;
}
.becomeContainerElement {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    width: calc(50% - 4px);
    max-width: 634px;
}
.becomeText {
    font-family: Baskerville-Regular, serif;
    text-align: center;
    margin: 0 auto;
}
.becomeContainerElement:first-of-type .becomeText {
    font-size: 20px;
    letter-spacing: 1.5pt;
    line-height: 26px;
    max-width: 260px;
}


.becomeContainerElement:last-of-type .becomeText {
    font-size: 18px;
    line-height: 22px;
    text-align: justify;
    letter-spacing: 1.5pt;
    max-width: 300px;
}
#becomeForm {
    margin-top: 40px;
}
.becomeFormHeader {
    font-family: Baskerville-Regular, serif;
    margin: 0 80px 40px;
}
.becomeFormTitle {
    font-size: 20px;
    margin-bottom: 20px;
}
.becomeFormProcess {
}
.becomeFormText {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    width: calc(50% - 14px);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 20px;
}
.becomeFormText:nth-child(1) {
    padding-right: 10px;
}
.becomeFormText:nth-child(2) {
    padding-left: 10px;
}
.become button {
    border: none;
    outline: none;
    background: #000;
    color: #F2F2F2;
    cursor: pointer;
    padding: 0 30px;
    font-size: 24px;
    line-height: 42px;
    font-weight: 300;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1px;
}
.become label {
    cursor: pointer;
}
.becomeFormUploader {
    margin-bottom: 100px;
}
.uploadContainer {
    display: inline-block;
    vertical-align: top;
    width: 24.6%;
    width: calc(25% - 4px);
    background: #000;
}
.uploadPicture {
    position: relative;
    overflow: hidden;
    height: 100%;
    margin-bottom: 6px;
}
.uploadButton {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.pictureDesc {
    text-align: center;
    margin: 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pictureDesc span {
    font-family: Gotham, sans-serif;
    display: block;
    margin-bottom: 4px;
}
.pictureDesc svg {
    cursor: pointer;
}
.becomeFormContainer:nth-of-type(2) {
    padding: 60px 0;
    color: #FFF;
    background: url(/images/contact.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
}
.become .formSubmit {
    font-family: Baskerville-Regular, serif;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 84px);
    font-size: 12px;
}
.become .formSubmit:nth-child(1) {
    margin-left: 80px;
}
.become .formSubmit:nth-child(2) {
    margin-left: 80px;
    text-align: left;
}
/* PAGINATION */
.paginationSpace {
    min-height: 48px;
    text-align: center;
}
.pagination, .paginationCulture,.loadingCulture,.loadingNews {
    text-align: center;
}
.paginationBtn,.loadingCulture,.loadingNews {
    font-family: Baskerville, serif;
    color: #FFF;
    background: #000;
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    cursor: pointer;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 26px;
    line-height: 28px;
    border: none;
    outline: none;
}
.loadingCulture,.loadingNews {
    display: none;
    width: 279px;
}
/* NEWS */

.newsShareContainer{
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 12px;
}
.newsShare{
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.newsShowShare{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 12px;
    color: #FFF;
    text-shadow: #000 0 0 10px;
    text-transform: uppercase;
}
.newsShare a {
    margin: 0 2px;
}
.noVisibility{
    opacity: 0;
}
.visibility{
    opacity: 1;
}
.newsShare a i{
    text-shadow: white 0px 0px 10px;
    /*background-image: radial-gradient(circle, #ffffff, #b9b9b9, #777777, #3c3b3b, #010000);*/
}

.newsShare a i:before{
    color: black;
}
.newsElement:hover .newsShare{
    opacity: 1;
}
.newsCultureElement:hover .newsShare{
    opacity: 1;
}
.newsElement:hover .newsShowShare{
    opacity: 0;
}

.newsCultureElement:hover .newsShowShare{
    opacity: 0;
}
.newsContent{
    margin-top: 10px;
    font-family: Baskerville-Regular;
}
#infscr-loading {
    display: none;
    visibility: hidden;
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 0; right: 0;*/
    /*margin: 0 auto;*/
    /*max-width: 280px;*/
    /*padding: 20px 0;*/
    /*text-align: center;*/
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*-ms-transform: translateY(-50%);*/
    /*-o-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
    /*background: rgba(255,255,255,0.95);*/
}
.news {
    margin: 30px auto;
    padding: 0 50px;
    max-width: 1320px;
}
.news .newsHeader {
    margin: 0 25px;
}
.news .newsHeader .newsCategory {
    font-size: 30px;
    margin: 0;
}
.news .newsHeader > span {
    font-size: 14px;
    margin-left: 20px;
}
.news .newsElement {
    float: left;
    width: calc(33.33% - 50px);
    margin: 25px;
}
.rrssb-buttons li a{
    background: transparent!important;
    /*padding: 0px 12px 0px 15px;*/
}

.newsSpace {
    position: relative;
}
.rrssb-buttons li a i{
    color: white;
    background: transparent ;
    /*background: rgba(0,0,0,0.5);*/
}
.rrssb-buttons li{
    padding: 0px 0px;
}
.hoverFacebook{
    /*color: #234698 !important;*/
}
.hoverTwitter{
    /*color: #00aced !important;*/
}
.hoverPinterest{
    /*color: #c9222B !important;*/
}
.home .newsTitle, .news .newsTitle, .book .newsTitle {
    font-family: Adobe-Caslon-Pro-Italic, serif;
    margin-top: 10px;
    font-size: 28px;
    line-height: 28px;
}
.home .newsDate, .news .newsDate, .book .newsDate {
    font-family: Gotham, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
    letter-spacing: 1px;
}
.homeSubTitle{
    width: 100%;
    font-family: Gotham;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10;
    color: white;
    font-size: 20px;
}
.instagramContainerParagraphe{
    max-width: 82%;
}
.homeInstagramParagraphe{
    margin: 30px 0px;
    text-align: justify;
    line-height: 1.4;
    font-size: 18px;
}
.homeInstagram{
    width: calc(50% - 4px);
    display: inline-block;
    float: left;
}
#instagramPictures{
    width: 46%;
    float: right;
    display: inline-block;
}

/* NEWS DETAIL */
.newsDetailContainer {
    max-width: 810px;
    margin: 30px auto;
    text-align: left;
    padding: 0 40px;
}
.newsDetailHeader {
    font-family: Adobe-Caslon-Pro-Italic, serif;
    font-size: 30px;
    margin-bottom: 30px;
}
.newsDetailContent {
    font-family: Baskerville-Regular, serif;
    font-size: 18px;
    margin-bottom: 20px;
}
.newsDetailContent img {
    max-width: 100%;
}
.newsDetailDate {
    font-family: Gotham, sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
    letter-spacing: 1px;
}
.newsDetailGallery {
    text-align: center;
    margin-bottom: 20px;
}
.newsModel {
    text-transform: capitalize;
    font-weight: bold;
}
/* BOOK */

.bookModelBio {
    font-family: Baskerville-Regular, serif;
    text-align: left;
    position: absolute;
    bottom: 40px;
}
.bookDownload {
    display: none;
}

.book {
    margin-bottom: 30px;
}
.bookHeader {
    color: #FFF;
    background: #000;
    text-align: center;
    overflow: hidden;
}
.bookHeaderContainer {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 49%;
    width: calc(50% - 4px);
    text-align: center;
    overflow: hidden;

    max-width: 585px;
    margin: 0 auto -3px;
}
.bookHeaderContainer:nth-of-type(1) {
    overflow: hidden;
}
.bookHeaderContainer img.portrait {
    height: 100%;
    width: auto;
}
.bookHeaderContainer img.landscape {
    width:auto;
    height:100%;
}
.bookModelHeader {
    margin: 35px 0 20px;
}
.bookModelHeader .bookModelName, .bookModelHeader ul, .bookModelHeader ul li {
    display: inline-block;
    vertical-align: middle;
}
.bookModelHeader ul li {
    margin: 0 4px;
}

.bookModelName {
    font-family: Baskerville-Regular, serif;
    text-transform: uppercase;
    font-size: 32px;
}
.bookModelMeasurements {
    display: inline-block;
    text-align: center;
    min-width: 150px;
}
.bookModelMeasurements > li {
    font-family: Baskerville-Italic, serif;
    line-height: 40px;
    font-size: 20px;
}
.mValue {
    text-transform: lowercase;
}
.typeEU {
}
.typeUS {
    display: none;
}
.measurePicker {
    font-family: Baskerville-Regular, serif !important;
}
.measurePicker span {
    cursor: pointer;
}
.bookNavigation {
    text-align: center;
    max-width: 1260px;
    margin: 40px auto;
}
.bookNavigation > li {
    text-transform: uppercase;
    display: inline-block;
    margin: 0 50px;
    font-size: 16px;
    line-height: 28px;
}
#bookResult {
    max-width: 1480px;
    margin: 0 auto;
}

/* BOOK GALLERY */
.bookGallery {
    margin: -10px 50px 0;
}
.bookGalleryElement {
    float: left;
    width: calc(33.33% - 26px);
    margin: 13px;
}
.bookGalleryElement > img {
    width: 100%;
}

/* LOGIN */

.login_register {
    background: #000;
    color: #FFF;
    font-size: 12px;
    padding: 70px 80px;
    display: none;
}

.pageLoginOnlyMobile {
    display: inline-block;
}

.page_login .formElement {
    display: inline-block;
    width: 130px;
    text-align: left;
}

.page_login input {
    display: inline-block;
    width: 330px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    background: #000;
    color: #fff;
    line-height: 30px;
    border: 1px solid #fff;
    text-indent: 10px;
}

.popupLogin {
    margin: 0 auto 10px;
}

.loginContainer {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
}

.page_login .sendLogin, .page_login .filterButton {
    position: relative;
    height: 33px;
    line-height: 30px;
    border: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    font-size: 14px;
    background: #D2D2D2;
    color: #000;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;

    opacity: 0;
}

.page_login .filterButton, .page_login .sendLogin {
    top: -30px;
}

.page_login .inputBg {
    position: relative;
    top: -30px;
    margin-bottom: 10px;
    opacity: 0;

    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

/*.page_login .inputBg*/

.onlyEmailOrPasswordIsWrong {
    color: red;
    width: 330px;
    text-align: right;
    margin: 10px auto;
    opacity: 1;
    height: 13px;
}

.popupLogin {
    opacity: 1;
    color: red;
    height: 13px;
    display: none;
}

.login_register .filterButton:hover, .login_register .sendLogin:hover {
    background: #fff;
}

/* BOOK BIO */
.bookBio {
    font-family: Baskerville-Regular, serif;
    max-width: 680px;
    margin: 60px auto;
}
.bookBioName {
    text-align: center;
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.bookBioContent {
    font-size: 18px;
    line-height: 26px;
}

/* BOOK VIDEOS */
.bookVideo {

}
.bookPlayer {
    margin: 0 40px 40px;
}
.bookPlayer iframe {
    width: 100%;
}
.bookVideosThumbnails {
    margin: 0 40px;
}
.bookVideosThumbnails .video {
    display: inline-block;
    width: 31%;
    width: calc(33.33% - 4px);
    cursor: url("/images/play.png"), pointer;
}
.bookVideosThumbnails .video:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

/* BOOK SOCIAL */
.bookInstagramElement {
    /*float: left;*/
    float: right;
    margin: 5px;
    width: 22%;
    /*width: calc(25% - 20px);*/
    width: calc(33.33333% - 20px);
}
.bookInstagramPicture img {
}
.bookInstagramElement:hover .bookInstagramOverlay {
    opacity: 1;
}
.bookInstagramElement:hover img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.bookInstagramSpace {
    position: relative;
}
.bookInstagramOverlay {
    position: absolute;
    top: 50%; left: 0; right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    color: #F2F2F2;
}

/* BOOK NEWS */
.bookNewsContainer {
    margin: 0 50px;
}
.book .newsElement {
    float: left;
    width: calc(33.33% - 50px);
    margin: 25px;
}

/* FOOTER */
.footer {
    display: none;
    background: #000000;
    color: #F2F2F2;
}
body > .footer {
    display: block;
}
#newsDetail > .footer {
    display: block;
}
.footerSpace {
    position: relative;
    margin: 0 auto;
    padding: 0 40px 10px;
    max-width: 1470px;
}
.footerLogo {
    display: inline-block;
    vertical-align: middle;
}
.footerLogo img {
    width: 100%;
    max-width: 240px;
}
#newsLetterForm {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 245px);
}
.footerNewsLetterText {
    display: inline-block;
    vertical-align: bottom;
}
.newsLetterTitle {
    display: inline-block;
    width: 200px;
    font-size: 16px;
    padding: 0 30px;
}
.newsLetterExtra {
    display: inline-block;
    font-size: 12px;
    width: 340px;
    padding-right: 30px;
}
#newsLetterForm label {
    display: inline-block;
    vertical-align: bottom;
    width: calc(100% - 640px);
}

#newsLetterForm input::-webkit-input-placeholder {
    font-family: Gotham, sans-serif !important;
}
#newsLetterForm input:-moz-placeholder {
    font-family: Gotham, sans-serif !important;
}
#newsLetterForm input::-moz-placeholder {
    font-family: Gotham, sans-serif !important;
}
#newsLetterForm input:-ms-input-placeholder {
    font-family: Gotham, sans-serif !important;
}
#newsLetterForm input {
    font-family: Gotham, sans-serif;
    border: 0;
    font-size: 16px;
    width: 99%;
    width: calc(100% - 6px);
    padding: 4px;
}
#newsLetterOutputContainer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;

}
#newsLetterOutput {
    font-family: Baskerville-Regular, serif;
    line-height: 20px;
    text-align: center;
    color: #0f2341;
    position: fixed;
    top: 50%;
    left: 0; right: 0;
    padding: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 600px;
    margin: 0 auto;
    background: #FFF;
    border: 2px solid #000;
    border-radius: 2px;
}
#newsLetterOutput span {
    font-weight: bold;
}
#newsLetterOutputContainer .closePopup {
    position: absolute;
    top: 8px; right: 8px;
    cursor: pointer;
    padding: 0 2px;
}
.newsletter_email  {
    display: none !important;
}
#newsLetterForm input[type="submit"] {
    display: none;
}
.footerContainer {
    font-size: 14px;
    padding: 20px 0;
}
.footerContainer:nth-child(2) {
    padding-bottom: 12px;
}
.footerContainer:first-of-type {
    border-bottom: 1px solid #CCCCCC;
}
.footerContainer:last-of-type {
    padding: 0;
    position: relative;
}
.footerContainer > ul {
    display: inline-block;
    vertical-align: top;
    width: 24%;
    width: calc(25% - 4px);
}
.footerContainer > ul > li {
    line-height: 18px;
    margin-bottom: 18px;
    font-size: 14px;
}
.footerContainer > ul:last-of-type{
    text-align: right;
}
.footerContainer > ul > li > ul > li {
    display: inline-block;
    width: 14.5pt;
}
.footerMetroModels {
    display: inline-block;
    margin-right: 182px;
}
.footerMediaslide {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 10px;
    color: #d2d2d2;
    line-height: 20px;
}


/* HOME */
.homeContainer:nth-child(even) {
    background: #FFF;
}
.homeContainer:nth-child(odd) {
    background: #000000;
}

/* HOME BOARD */
.homeContainer {
    text-align: center;
}
.homeContainer:nth-child(even) .homeDivisionBoard {
    border: 3px solid #000000;
}
.homeContainer:nth-child(odd) .homeDivisionBoard{
    border: 3px solid #FFF;
}
.homeContainer:nth-child(even) .homeDivisionTitle {
    color: #000000;
}
.homeContainer:nth-child(odd) .homeDivisionTitle{
    color: #F2F2F2;
}
.homeDivision {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 164px);
    height: calc(100% - 8px);
    margin: 40px 80px;
    opacity: 0;
    -webkit-transition: opacity 0.8s ease;
    -moz-transition: opacity 0.8s ease;
    -ms-transition: opacity 0.8s ease;
    -o-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
    max-width: 590px;
}
.homeDivisionBoard {
    overflow: hidden;
}
.homeDivisionBoard a {
    display: block;
}
.homeDivisionTitle {
    position: absolute;
    top: 70%; left:0; right:0;
    -webkit-transform: translateY(-70%);
    -moz-transform: translateY(-70%);
    -ms-transform: translateY(-70%);
    -o-transform: translateY(-70%);
    transform: translateY(-70%);
    text-align: center;
    z-index: 10;
    font-size: 50px;
}
.homeDivisionBoard {

}
.divisionPicture {
    width: 100%;
}
.divisionPicture img{
    width: 100%;
}

.divisionPicture:hover img {

}

/* HOME INSTAGRAM && HOME POLAROIDS */
.homePolaroidsSpace {
    max-width: 1346px;
    margin: 30px auto;
    padding: 54px 80px;
}
.homeInstagram, .homePolaroids {
    position: relative;
    padding: 5px 0px;
    float: left;
}
/*.homeInstagram:nth-child(odd), .homePolaroids:nth-child(odd) {*/
    /*width: 33.33%;*/
/*}*/
/*.homeInstagram:nth-child(even), .homePolaroids:nth-child(even){*/
    /*width: 66.66%;*/
/*}*/
.homePolaroids:nth-child(odd) {
    width: 33.33%;
}
.homePolaroids:nth-child(even){
    width: 66.66%;
}
.instagramTitle, .polaroidsTitle {
    z-index: 10;
    font-size: 35px;
    text-align: left;
}
.instagramTitlePicture{
    position: absolute;
    top:50%;
    left:50%;
    color: white;
    font-size: 50%;
    z-index: 1;
    font-size: 50px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#polaroidsSlider .slick-disabled {
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0;
    pointer-events:none;
}
#polaroidsSlider .slick-next, #polaroidsSlider .slick-next:hover, #polaroidsSlider .slick-next:focus {
    width: 20px;
    height: 32px;
    right: -30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23f2f2f2'%2F%3E%3C%2Fsvg%3E") 0;
}
#polaroidsSlider .slick-prev, #polaroidsSlider .slick-prev:hover, #polaroidsSlider .slick-prev:focus {
    width: 20px;
    height: 32px;
    left: -30px;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23f2f2f2'%2F%3E%3C%2Fsvg%3E") 0;
}
.polaroidsElement {
    position: relative;
    margin: 20px;
    overflow: hidden;
    cursor: pointer;
}
.polaroidsElement:hover .polaroidsElementName {
    background: rgba(0,0,0,0.6);
}
.polaroidsElementName {
    font-family: Baskerville-Italic, serif;
    font-size: 30px;
    color: #f2f2f2;
    position: absolute;
    bottom: 0;
    left: 0; right: 0;
    text-align: center;
    padding: 4px 0;
    line-height: 36px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
}
.polaroidsTitle {
    color: #F2F2F2;
}
.home .instagramContainer  {
    /*margin: 30px auto;*/
}
.instagramElement  {
    float: left;
    width: calc(25% - 20px);
    margin: 10px;
}



/* HOME NEWS */
.homeNews, .homeNewsCulture {
    margin: 40px auto;
}
.homeNewsTitle {
    font-size: 30px;
}
.homeNewsContainer, .homeNewsCultureContainer {
    margin: 0 -20px 20px;
}
.newsCultureElement {
    float: left;
    width: calc(33.3333% - 40px);
    margin: 20px;
}

.home .newsElement {
    float: left;
    width: calc(33.333% - 40px);
    margin: 20px;
}

/* LETTER LIST */
.list {
    max-width: 1570px;
    margin: 0 auto;
}
.listLetter {
    margin: 0 auto 18px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.listLetter tbody {
    line-height: 22px;
}
.letterIndex {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 2.5px;
    text-align: center;
    max-width: 40px;
}
.letterIndex a {
    cursor: pointer;
    color: #c3c3c3;
}
.letterActive {
    color: #000 !important;
}
.listLetterSpace {
    margin: 10px auto;
    overflow-x: auto;
    overflow-y: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
.letter {
    padding: .75rem .1rem .1rem ;
}
#listSearch {
    position: relative;
    width: 16px;
}
#listSearch i {
    font-size: 14px; width: 14px;
}
#listSearchOpen, #listSearchClose {
    cursor: pointer;
}
#listSearchClose {
    display: none;
}
#listSearch input {
    font-family: Baskerville-Regular, serif;
    display: none;
    position: absolute;
    top: 0;
    left: 20px;
    width: 140px;
    padding: 1px 4px;
    line-height: 22px;
    border: none;
    border-bottom: 1px solid #000;
}
/*#listSearch input ::-webkit-input-placeholder,*/
/*#listSearch input ::-moz-placeholder,*/
/*#listSearch input :-ms-input-placeholder,*/
/*#listSearch input :-moz-placeholder,*/
/*#listSearch input ::placeholder {*/
/*}*/

/* LIST */
.listCategory {
    display: none;
    text-align: center;
    margin: 40px 0 20px;
    text-transform: uppercase;
    font-size: 26px;
}
.listContainer {
    margin: 0 30px;
    text-align: center;
}
.modelElement {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;

    width: calc(25% - 24px);
    margin: 12px 10px;

    padding: 0.625%; /* 25% like width, mult 0.05 (5%), div 2 */
}
.modelPicture {
    position: relative;
    overflow: hidden;
}
.modelOverlay {
    position: absolute;
    top: 0;
    bottom: 0; left: 0; right: 0;
    padding: 10px;
}
.modelOverlaySpace {
    position: relative;
    height: 100%;
}
.modelName {
    position: absolute;
    bottom: 0; left: 0; right: 0;
    font-family: Adobe-Caslon-Pro-Italic, serif;
    text-align: center;
    font-size: 30px;
    line-height: 36px;
    padding: 4px 0;
    color: #F2F2F2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    pointer-events: none;
}
.modelElement:hover .modelName {
    background: rgba(0,0,0,0.6);
}
.modelElement:hover .modelFav {
    opacity: 1 !important;
}
.modelElement:hover .modelInstagram {
    opacity: 1 !important;
}
.modelElement:hover .modelPicture img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.modelEmpty {
    font-family: Adobe-Caslon-Pro-Italic, serif;
    text-align: center;
    color: #c3c3c3;
    margin-top: 40px;
}
.modelInstagram {
    position: absolute;
    top: 50%; left: 0; right: 0;
    width: 50px; margin: 0 auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    -ms-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
    color: #F2F2F2;
    padding-bottom: 6px;
}
.modelFav {
    position: absolute;
    top: 10px; right: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}
/* SHORTLIST */

.shortlistCounterOverlay {
    font-family: Baskerville-Regular, serif;
}
.menu .shortlistCounterOverlay {
    padding-left: 1.2px;
    font-size: 8px;
    line-height: 18px;
}
.shortlist .shortlistCounterOverlay {
    padding-left: 2px;
    font-size: 12px;
}

.shortlistStackedCircle {
    width: auto;
    height: auto;
    line-height: 18px;
    background: #FFF;
    margin: 25% 0 0 60%;
    font-size: 18px;
    border-radius: 50%;
    padding: 5%;
}

.shortlist {
    max-width: 1272px;
    margin: 20px auto 30px;
}
.shortlistHeader {
    text-align: center;
}
.shortlistHeaderSpace {
    display: inline-block;
    position: relative;
}
.shortlistHeader img {
    width: 20px;
}
.shortlistActions {
    text-align: center;
}
.shortlistActions:nth-of-type(1) {
    margin: 30px 0 20px;
}
.shortlistActions:nth-of-type(2) {
    margin: 20px 0;
}
.shortlistActions li {
    display: inline-block;
    line-height: 40px;
    color: #FFF;
    background: #000;
    cursor: pointer;
    padding:0 10px;
    margin: 0 10px;
}
.shortlistContainer {
    text-align: center;
}

.shortlistEmpty {
    color: #c3c3c3;
}
.modelShortlistMeasurements {
    font-family: Baskerville-Regular, serif;
    margin-top: 16px;
    font-size: 16px;
}
#outputContainer {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: rgba(0,0,0,0.6);
}
#outputSpace {
    position: fixed;
    top: 50%;
    left: 0; right: 0;
    padding: 34px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 600px;
    margin: 0 auto;
    background: #FFF;
    border: 2px solid #000;
    border-radius: 2px;
}
#outputText {
    display: none;
    font-family: Baskerville-Regular, serif;
    min-height: 40px;
    line-height: 20px;
    text-align: center;
    margin: 10px;
    color: #0f2341;
}
#outputText span {
    font-weight: bold;
}
#closePopup {
    position: absolute;
    top: 8px; right: 8px;
    cursor: pointer;
    padding: 0 2px;
}
#closePopup:hover {
    background: #000;
    color: #F2F2F2;
}
#shortlistForm {

}
#shortlistForm .formLine {
    margin-bottom: 20px;
}
#shortlistForm .shortlistFormHeader {
    font-family: Baskerville-Regular, serif;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}
#shortlistForm label {
    display: inline-block;
    vertical-align: middle;

    font-family: Baskerville-Regular, serif;
    width: 90px;
    text-indent: 4px;
    line-height: 24px;
    font-size: 14px;
    text-align: right;
}
#shortlistForm input {
    font-family: Baskerville-Regular, serif;
    display: inline-block;
    vertical-align: middle;

    border: 0;
    text-indent: 4px;
    line-height: 24px;
    font-size: 14px;
    width: calc(100% - 99px);
    margin-left: 4px;

    border-bottom: 1px solid rgba(0,0,0,0.3);
}
#shortlistForm textarea {
    font-family: Baskerville-Regular, serif;

    border: 1px solid #000;
    width: 98%;
    width: calc(100% - 10px);
    resize: none;
    outline: none;
    padding: 4px;
    font-size: 14px;
}
#shortlistSubmit {
    display: inline-block;
    width: 180px;
    line-height: 40px;
    color: #FFF;
    background: #000;
    cursor: pointer;
    outline: none;
    font-size: 14px;
    font-family: inherit;
}
/* ABOUT */
.aboutContainer {
    text-align: center;
}
.aboutContainer:nth-child(1) {
    background: #000;
    color: #FFF;
}
.aboutContainer:nth-child(2) .aboutContainerElement {
    vertical-align: top;
}
.aboutContainerElement {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 84px);
    margin: 40px;
    max-width: 550px;
}
.aboutPicture img{
    width: 100%;
}
.aboutText {
    margin: 0 auto;
}
.aboutTextContent {
    font-family: Baskerville-Regular, serif;
    text-align: justify;
    font-size: 18px;
    line-height: 26px;
}
#aboutText2 {
    max-width: 400px;
    margin: 0 auto;
    padding: 0 40px;
}
.aboutTextLeft, .aboutTextRight {
    display: inline-block;
    vertical-align: top;
}
.aboutTextLeft {
    width: calc(100% - 90px);
}
.aboutTextRight {
    width: 24px;
    margin-left: 60px;
    text-align: center;
}
.aboutTextRight li {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
}
.aboutGallery {
    height: 100%;
    overflow: hidden;
}
.aboutPicture {
    width: 100%;
}
.aboutExtraElement {
    margin: 40px 0 0;
    text-align: center;
}
.aboutExtraTitle {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 34px;
}
.aboutExtraTitle > a > img{
    width: 20px;
}
.aboutExtraText {
    font-family: Baskerville-Regular, serif;
    max-width: 330px;
    margin: 0 auto;
    font-size: 16px;
}

/* CAREER */

.career {
    max-width: 700px;
    margin: 0 auto 30px;
    padding: 0 44px;
    font-family: Baskerville-Regular, serif;
    text-align: justify;
    font-size: 18px;
    line-height: 26px;

}
.careerText {
    font-family: Baskerville-Regular, serif;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
}

.career h2 {
    font-size: 24px;
    margin-top: 50px;
    font-family: Baskerville-Regular, serif;
    text-align: center;
}

.career ul {
    padding-left: 30px;
}

/* CONTACT */

.contactContainer {
    text-align: center;
}
.contactContainer:nth-child(1) {
    background: url(/images/contact.jpeg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFF;
}

.contactContainer:last-of-type {
    color: #000;
}

.contactContainerElement {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 49%;
    width: calc(50% - 4px);
    max-width: 772px;
    margin: 0 auto;
}

.contactListRight, .contactListLeft {
    display: inline-block;
    vertical-align: middle;
    padding-top: 190px;
    text-align: left;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.contactListRight li p, .contactListLeft li p, .contactListRight li a, .contactListLeft li a{
    font-family: Baskerville-Regular,serif;
    margin: 0;
}

.contactContainerElement .phone {
    font-size: 0.9em;
}

.contactListLeft {
    padding-right: 20px;
    width: calc(50% - 24px);
    display: inline-block;
}

.contactListLeft li a, .contactListRight li a {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.contactListRight {
    width: calc(50% - 4px);
    display: inline-block;
}

.contactList {
    position: absolute;
    top:50%; left:0; right:0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    text-align: left;
}

.contactList > li {
    display: inline-block;
    vertical-align: middle;
    width: calc(50% - 7px);
    font-family: Baskerville-Regular, serif;
    margin-bottom: 20px;
    font-size: 18px;
}

.contactList > li:last-child {
    margin-bottom: 0;
}


.contactList > li > p {
    margin: 0;
}

.contactTitle, .contactExtra {
    position: absolute;
    top: 50%; left: 0; right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.contactTitle {
    font-size: 38px;
}

.contactExtra {
    font-family: Baskerville-Regular, serif;
    font-size: 22px;
    line-height: 38px;
}

#map {
    margin: 40px 40px 40px 0;
    max-width: 610px;
}
.faire-logo{
    height: 100px;
    width: auto;
}