/*
beige pale 	f8f1eb
beige dark 	e9d1c5
mauve 		313c8e
*/

html, body {
    padding:     0px;
    margin:      0px auto;
    font-family: 'Montserrat', sans-serif;
    min-height:  1000px;
    position:    relative;
    overflow-x:  hidden;
}

a {
    text-decoration: none;
    color:           #313c8e;
}

.mobile-hamburger {
    display: none;
}

.mobile-header {
    display: none;
}

.mobile-menu {
    display: none;
}

.mobile-search {
    display: none;
}

.footer-image {
    vertical-align: middle;
    width:          50px;
    margin-top:     -14px;
}

.search-container {
    display: none;
}

.search-criterias-container {
    padding-top: 30px;
}

.beige1-bg {
    background-color: #f8f1eb;
}

.beige2-bg {
    background-color: #e9d1c5;
}

.mauve-bg {
    background-color: #313c8e;
}

.beige1 {
    color: #f8f1eb;
}

.beige2 {
    color: #e9d1c5;
}

.mauve {
    color: #313c8e;
}

/* LAYOUT */

.inside-container {
    margin-left: 150px;
    background:  #c07b5321;
    padding:     20px 200px 20px 55px;
    min-height:  100vh;
    /*
        width: -webkit-calc(100% - 220px);
        width:    -moz-calc(100% - 220px);
        width:         calc(100% - 220px);
    */
}

.small-container {
    max-width: 50%;
}

.menu-container {
    z-index:        8;
    position:       fixed;
    top:            0px;
    left:           0px;
    padding-bottom: 42px;
}

.menu-icons-container {
    padding:     40px;
    font-size:   20px;
    color:       #c68055;
    font-weight: bold;
}

.menu-icons-container i {
    font-size: 28px;
    cursor:    pointer;
}

.menu-icons-container a {
    color: #c68055;
}

/* OVERLAY */

.overlay-menu-container {
    width:            100%;
    position:         fixed;
    top:              0px;
    left:             0px;
    z-index:          99999;
    height:           1280px;
    background-color: #313c8e;
    mix-blend-mode:   multiply;
    color:            #bf7c51;
    font-size:        48px;
    line-height:      68px;
    padding-left:     100px;
    padding-top:      102px;
    font-weight:      800;
}

.overlay-menu-container a:hover {
    color: #ffffff;
}

.overlay-menu-container2 {
    width:            100%;
    position:         fixed;
    top:              0px;
    left:             0px;
    z-index:          99998;
    height:           1280px;
    background-color: #ffffff;
    opacity:          0.8;
    color:            #bf7c51;
    font-size:        48px;
    padding-left:     100px;
    padding-top:      145px;
    font-weight:      800;
    font-family:      'Crimson Text', serif;
}

.overlay-menu-container a {
    color: #bf7c51;
}

.overlay-menu-close-icon {
    margin-left: -59px;
    margin-top:  6px;
    float:       left;
    font-size:   35px;
}

.menu-item {
    margin-bottom: 20px;
}

/* SEARCH */

.search-container {
    width:            500px;
    background-color: #ebd5c8;
    position:         absolute;
    top:              0px;
    left:             0px;
    z-index:          99999;
    height:           2140px;
    font-size:        20px;
    color:            #c68055;
    font-weight:      bold;
}

.search-icons-container {
    font-size:    20px;
    color:        #c68055;
    font-weight:  bold;
    padding-left: 40px;
    padding-top:  40px;
    position:     relative;
}

.search-container i {
    font-size: 28px;
    cursor:    pointer;
}

.search-container a {
    color: #c68055;
}

.search-criterias-container {
    position: absolute;
    top:      20px;
    right:    20px;
    width:    340px;
}

.search-text {
    padding:          12px;
    width:            310px;
    border:           0px;
    background-color: #f8f1eb;
}

.search-text::placeholder {
    color: #e9d1c5;
}

.search-criteria-label {
    cursor:         pointer;
    color:          #c3815e;
    border-bottom:  1px solid #c3815e;
    padding-bottom: 15px;
    margin-top:     20px;
}

.search-criteria-section {
    margin-top:       15px;
    padding:          10px;
    background-color: #f8f1eb;
    color:            #c3815e;
    font-size:        12px;
    font-weight:      normal;
    line-height:      24px;
}

.search-criteria-label .chevron {
    -moz-transition:    transform 0.5;
    -webkit-transition: transform 0.5s;
    transition:         transform 0.5s;
}

.half {
    width: 49%;
    float: left;
}

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

.attributes-select-half {
    width:            48%;
    border:           1px solid #c3815e;
    color:            #c3815e;
    background-color: #f8f1eb;
    margin-right:     2%;
    float:            left;
    padding:          10px;
}

.search-submit {
    background-color: #c3815e;
    color:            #ffffff;
    margin-top:       20px;
    padding:          4%;
    width:            75%;
    float:            left;
    margin-right:     3%;
    cursor:           pointer;
}

.search-reset {
    background-color: #c3815e;
    color:            #ffffff;
    margin-top:       20px;
    padding:          2%;
    width:            10%;
    float:            left;
    text-align:       center;
    padding-top:      10px;
    padding-bottom:   10px;
}

.attributes-select-half option {
    padding: 10px;
}

.form-control {
    display:                 block;
    width:                   100%;
    padding:                 .5rem .75rem;
    font-size:               1rem;
    line-height:             1.25;
    color:                   #464a4c;
    background-color:        #ffffff;
    background-image:        none;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
    border:                  1px solid rgba(0, 0, 0, .15);
    border-radius:           .25rem;
}

.form-horizontal label {
    margin-top:    12px;
    margin-bottom: 12px;
    display:       block;
}

.btn-la-suite {
    color:               #ffffff;
    background-color:    #313c8e;
    border-color:        #313c8e;
    display:             inline-block;
    font-weight:         400;
    line-height:         1.25;
    text-align:          center;
    white-space:         nowrap;
    vertical-align:      middle;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
    border:              1px solid transparent;
    padding:             .5rem 1rem;
    font-size:           1rem;
    border-radius:       .25rem;
    -webkit-transition:  all .2s ease-in-out;
    -o-transition:       all .2s ease-in-out;
    transition:          all .2s ease-in-out;
    cursor:              pointer;
}

.btn-link {
    color: #313c8e;
}

.la-suite-h1 {
    font-family: 'Crimson Text', serif;
    color:       #313c8e;
}

.la-suite-h2 {
    font-family: 'Crimson Text', serif;
    color:       #313c8e;
}

.la-suite-h3 {
    font-family: 'Crimson Text', serif;
    color:       #313c8e;
}

.btn-danger {
    color:               #ffffff;
    background-color:    #d9534f;
    border-color:        #d9534f;
    display:             inline-block;
    font-weight:         400;
    line-height:         1.25;
    text-align:          center;
    white-space:         nowrap;
    vertical-align:      middle;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
    border:              1px solid transparent;
    padding:             .5rem 1rem;
    font-size:           1rem;
    border-radius:       .25rem;
    -webkit-transition:  all .2s ease-in-out;
    -o-transition:       all .2s ease-in-out;
    transition:          all .2s ease-in-out;
    cursor:              pointer;
}

.btn-success {
    color:               #ffffff;
    background-color:    #28a745;
    border-color:        #28a745;
    display:             inline-block;
    font-weight:         400;
    line-height:         1.25;
    text-align:          center;
    white-space:         nowrap;
    vertical-align:      middle;
    -webkit-user-select: none;
    -moz-user-select:    none;
    -ms-user-select:     none;
    user-select:         none;
    border:              1px solid transparent;
    padding:             .5rem 1rem;
    font-size:           1rem;
    border-radius:       .25rem;
    -webkit-transition:  all .2s ease-in-out;
    -o-transition:       all .2s ease-in-out;
    transition:          all .2s ease-in-out;
    cursor:              pointer;
}

.alert-danger {
    background-color: #f2dede;
    border-color:     #ebcccc;
    color:            #a94442;
    padding:          .75rem 1.25rem;
    margin-bottom:    1rem;
    border:           1px solid transparent;
    border-radius:    .25rem;
}

.alert-success {
    background-color: #dff0d8;
    border-color:     #d0e9c6;
    color:            #3c763d;
    padding:          .75rem 1.25rem;
    margin-bottom:    1rem;
    border:           1px solid transparent;
    border-radius:    .25rem;
}

.footer-container {
    position:         absolute;
    bottom:           0px;
    left:             0px;
    width:            100%;
    background-color: #232b76; /* For browsers that do not support gradients */
    background-image: linear-gradient(#232b76, #303c8c);
}

.footer-left {
    float:   left;
    width:   55%;
    padding: 2%;
}

.footer-left a {
    color:       #ffffff;
    font-weight: bold;
    font-size:   14px;
}

.footer-left a:hover {
    color: #000000;
}

.footer-right a:hover {
    color: #000000;
}

.footer-right {
    float:       right;
    width:       30%;
    padding:     2%;
    font-weight: bold;
    text-align:  right;
    color:       #ffffff;
    font-size:   14px;
}

.footer-right a {
    color:        #ffffff;
    margin-top:   6px;
    font-size:    24px;
    margin-right: 20px;
}

.footer-menu {
    float:        left;
    margin-right: 20px;
    margin-top:   6px;
}

.slider-main-image {
    position:   absolute;
    top:        20px;
    right:      20px;
    width:      80%;
    text-align: right;
}

.our-story-container {
    width:            100%;
    padding:          0px;
    background-color: #313c8e;
}

.our-story-left-container {
    width:            50%;
    float:            left;
    background-color: #313c8e;
    min-height:       760px;
}

.our-story-right-container {
    width:            50%;
    float:            left;
    background-color: #e9d1c5;
    min-height:       760px;
}

.our-story-left {
    padding:    50px 10px 50px 25px;
    text-align: center;
    color:      #e9d1c5;
}

.our-story-right {
    padding:     70px;
    text-align:  left;
    color:       #313c8e;
    line-height: 32px;
    font-size:   24px;
}

.our-story-left .number {
    margin-top:          10px;
    font-size:           24px;
    transition-duration: 0.3s;
}

.our-story-left .number:hover {
    color:          #bb7a4e;
    cursor:         pointer;
    letter-spacing: 2px;
}

.our-story-left .number.active {
    color:       #bb7a4e;
    font-size:   48px;
    cursor:      pointer;
    font-weight: bold;
}

.our-story-left .separator {
    font-size: 92px;
    transform: scale(.2, 1);
}

.our-story-header {
    font-size:     48px;
    font-weight:   bold;
    margin-bottom: 30px;
    line-height:   64px;
}

#slider-container {
    margin-left: 160px;
    width:       -webkit-calc(100% - 240px);
    width:       -moz-calc(100% - 240px);
    width:       calc(100% - 240px);
    position:    relative;
}

.main-image {
    position: absolute;
    top:      50px;
    right:    0px;
}

#main-image-label {
    position:         absolute;
    top:              0px;
    right:            0px;
    width:            260px;
    line-height:      28px;
    padding:          20px;
    background-color: #ffffff;
    color:            #bb7a4e;
    font-size:        24px;
    font-family:      'Crimson Text', serif;
    z-index:          9999;
    text-align:       right;
}

#main-image-label a {
    color:       #313c8e;
    font-size:   18px;
    font-weight: bold;
}

.slider-for img {
    width: 100%;
}

#thumbs img {
    width: 175px;
}

#thumbs-container .slick-slide img {
    transition:     0.3s;
    -webkit-filter: grayscale(100%);
    filter:         grayscale(100%);
}

#thumbs-container .slick-current img {
    transition:     0.3s;
    -webkit-filter: none;
    filter:         none;
}

.slick-hover {
    position:         absolute;
    top:              0px;
    left:             0px;
    width:            94%;
    background-color: rgb(49, 60, 142, 0.8);
    padding:          3%;
    color:            #f8f1eb;
    font-size:        24px;
    z-index:          9999999;
}

.slick-hover-text {
    color:     #be754b;
    font-size: 24px;
}

.inside-container a {
    color:  #313c8e;
    cursor: pointer;
}

.results-container {
    margin-left: 116px;
    width:       calc(100% - 116px);
    transition:  0.3s;
    text-align:  center;
}

.results-container.small {
    margin-left: 500px;
    width:       calc(100% - 500px);
}

.results-container-header {
    width:          100%;
    color:          #313c8e;
    font-size:      24px;
    text-align:     right;
    padding-right:  20px;
    padding-top:    50px;
    padding-bottom: 25px;
}

.results-container-header select {
    font-size:     24px;
    border:        0px;
    color:         #313c8e;
    padding:       5px;
    border-bottom: 2px solid #313c8e;
}

.list-style {
    padding: 8px;
    border:  1px solid #ffffff;
}

.list-style:hover {
    border:        1px solid #313c8e;
    cursor:        pointer;
    border-radius: .25rem;
}

.list-style-active {
    border:        1px solid #dee2e6;
    border-radius: .25rem;
}

/* PAGINATION */

.pagination {
    display:       -webkit-box;
    display:       -ms-flexbox;
    display:       flex;
    padding-left:  0;
    width:         50%;
    list-style:    none;
    border-radius: .25rem;
    margin:        0px auto;
}

.page-link {
    display:          block;
    padding:          .5rem .75rem;
    margin-left:      -1px;
    line-height:      1.25;
    color:            #c3815e;
    background-color: #ffffff;
    border:           1px solid #dee2e6
}

.page-link:hover {
    z-index:          2;
    text-decoration:  none;
    background-color: #f8f1eb;
    border-color:     #f8f1eb
}

.page-link:focus {
    z-index:            2;
    outline:            0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(52, 144, 220, .25);
    box-shadow:         0 0 0 .2rem rgba(52, 144, 220, .25)
}

.page-link:not(:disabled):not(.disabled) {
    cursor: pointer
}

.page-item:first-child .page-link {
    margin-left:               0;
    border-top-left-radius:    .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius:    .25rem;
    border-bottom-right-radius: .25rem
}

.page-item.active .page-link {
    z-index:          1;
    color:            #ffffff;
    background-color: #c3815e;
    border-color:     #c3815e
}

.page-item.disabled .page-link {
    pointer-events:   none;
    cursor:           auto;
    background-color: #ffffff;
    border-color:     #dee2e6
}

.pagination-lg .page-link {
    padding:     .75rem 1.5rem;
    font-size:   1.125rem;
    line-height: 1.5
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius:    .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius:    .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding:     .25rem .5rem;
    font-size:   .7875rem;
    line-height: 1.5
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius:    .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius:    .2rem;
    border-bottom-right-radius: .2rem
}

.list-style-list {
    padding-bottom: 20px;
    margin-bottom:  20px;
    border-bottom:  1px solid #313c8e;
}

.list-style-list .talent-left {
    width:     15%;
    float:     left;
    min-width: 150px;
}

.list-style-list .talent-right {
    padding-left: 20px;
    float:        left;
    color:        #313c8e;
    line-height:  24px;
    text-align:   left;
}

.list-style-list .talent-left img {
    width: 100%;
}

.list-style-list .talent-right .talent-name {
    font-family:   'Crimson Text', serif;
    font-weight:   bold;
    font-size:     32px;
    color:         #313c8e;
    margin-bottom: 10px;
}

.list-style-list .talent-right a {
    color: #313c8e;
}

.list-style-list .talent-right a:hover {
    color: #313c8e;
}

.list-style-list .talent-right .talent-categories {
    font-style:    italic;
    font-weight:   bold;
    margin-bottom: 10px;
}

.list-style-list .talent-right .talent-wishlist {
    display:   inline-block;
    width:     150px;
    font-size: 28px;
}

.list-style-list .talent-right .talent-infos {
    display:     inline-block;
    font-weight: bold;
}

.list-style-grid {
    width:         14.66%;
    margin-right:  2%;
    margin-bottom: 2%;
    display:       inline-block;
    /*display:inline-flex;*/
    position:      relative;
    cursor:        pointer;
    text-align:    left;
}

.list-style-grid .talent-image {
    width:    100%;
    position: relative;
}

.list-style-grid .talent-image img {
    width: 100%;
}

.list-style-grid .talent-infos {
    display:    none;
    position:   absolute;
    top:        0;
    right:      0;
    bottom:     4px;
    left:       0;
    background: rgba(49, 60, 142, 0.85);
    color:      #ffffff;
    transition: 0.5s;
}

.list-style-grid .talent-extras {
    padding:     30px 20px 20px 20px;
    color:       #949ec6;
    font-weight: bold;
    line-height: 24px;
}

.list-style-grid .talent-extras.artists-extras {
    position:  absolute;
    top:       50%;
    transform: translateY(-50%);
}

.list-style-grid .talent-extras .talent-name a {
    font-family:   'Crimson Text', serif;
    color:         #ffffff;
    font-weight:   bold;
    font-size:     32px;
    margin-bottom: 20px;
    line-height:   32px;
    display:       block;
}

.list-style-grid .talent-extras .talent-links {
    position:  absolute;
    bottom:    20px;
    left:      20px;
    font-size: 24px;
}

.list-style-grid .talent-extras .talent-links .talent-info-link {
    color: #949ec6;
}

.list-style-grid .talent-extras .talent-links .talent-info-link:hover {
    color: #ffffff;
}

.details-container-header {
    width:      100%;
    color:      #313c8e;
    font-size:  24px;
    text-align: right;
    padding:    62px 20px 25px 20px;
    background: #c07b5321;
    width:      100%;
    margin:     0px auto;
}

.back-to-results-link {
    border-bottom:  1px solid #313c8e;
    padding-bottom: 10px;
    width:          90%;
    /*margin-left:5%;*/
    text-transform: uppercase;
    font-size:      16px;
    font-weight:    bold;
}

.details-container-content {
    width:      100%;
    margin:     0px auto;
    padding:    4%;
    text-align: left;
    color:      #313c8e;
    background: #c07b5321;
}

.details-container-main-image {
    width:        25%;
    float:        left;
    margin-right: 20px;
}

.details-container-main-image img {
    width: 95%;
}

.details-container-main-text {
    width:      70%;
    float:      left;
    text-align: left;
}

.details-container-main-text .title {
    font-size:   64px;
    font-weight: 800;
    font-family: 'Crimson Text', serif;
    padding:     0px;
    margin:      0px;
}

.details-container-main-text .categories-label {
    font-weight: bold;
    font-style:  italic;
    font-size:   24px;
}

.details-container-main-text .unions {
    font-weight: bold;
    font-size:   24px;
}

.details-container-main-text .infos {
    line-height: 24px;
}

.details-container-main-text .talent-wishlist {
    font-size:   18px;
    font-weight: bold;
    text-align:  right;
}

.details-container-bottom-text {
    padding-top: 60px;
    width:       93%;
}

.details-container-bottom-text .left {
    width:         33%;
    padding-right: 3%;
    float:         left;
}

.details-container-bottom-text .right {
    width:        61%;
    padding-left: 2%;
    float:        right;
}

.details-container-bottom-text .title {
    color:          #be7b53;
    padding-bottom: 10px;
    margin-top:     30px;
    margin-bottom:  10px;
    border-bottom:  2px solid #be7b53;
    cursor:         pointer;
}

.details-container-bottom-text .content {
    margin-bottom: 20px;
}

.details-container-bottom-text .left .content a {
    color: #313c8e;
}

.chevron {
    -moz-transition:    transform 0.5;
    -webkit-transition: transform 0.5s;
    transition:         transform 0.5s;
    cursor:             pointer;
}

.recently-viewed-header {
    margin-bottom: 20px;
    color:         #313c8e;
    font-weight:   bold;
}

.list-style-grid-small {
    width:         11.5%;
    margin-right:  1%;
    margin-bottom: 1%;
    display:       inline-flex;
    position:      relative;
    cursor:        pointer;
    text-align:    left;
}

.list-style-grid-small .talent-image {
    width: 100%;
}

.list-style-grid-small .talent-image img {
    width: 100%;
}

.list-style-grid-small .talent-infos {
    display:          none;
    position:         absolute;
    top:              0px
    left:             0px;
    width:            100%;
    background-color: #313c8e;
    color:            #ffffff;
    height:           100%;
    transition:       0.5s;
}

.list-style-grid-small .talent-extras {
    padding:     20px;
    color:       #949ec6;
    font-weight: bold;
    line-height: 14px;
}

.list-style-grid-small .talent-extras .talent-name a {
    font-family:   'Crimson Text', serif;
    color:         #ffffff;
    font-weight:   bold;
    font-size:     20px;
    margin-bottom: 20px;
    line-height:   20px;
    display:       block;
}

.list-style-grid-small .talent-extras .talent-links {
    position:  absolute;
    bottom:    20px;
    left:      20px;
    font-size: 16px;
}

.list-style-grid-small .talent-extras .talent-links .talent-info-link {
    color: #949ec6;
}

.list-style-grid-small .talent-extras .talent-links .talent-info-link:hover {
    color: #ffffff;
}

.project-talent {
    width:          13.6%;
    margin-right:   1%;
    display:        inline-flex;
    text-align:     center;
    padding-bottom: 20px;
}

.project-talent img {
    max-width: 100%;
}

.hoverable:hover {
    background-color: #efefef;
}

.results-container-header-left {
    float: left;
    width: 50%;
}

.results-container-header-right {
    float: left;
    width: 50%;
}

.results-container-header-right-header {
    display: none;
}

.social-media-links a {
    font-size: 28px;
}

.checkbox_project {
    width: 20px;
}

.project_actions {
    width: 280px;
}

.view-project-actions {
    display: inline-block;
}

.view-project-actions .btn {
    margin-right: 10px;
}

.project_category .btn {
    margin-right: 10px;
    padding:      4px;
    font-size:    12px;
}

#thumbs-container .slick-slide {
    width: 300px;
}

#thumbs-container .slick-slide img {
    max-width: 100%;
}

.search-criteria-language-left {
    width: 50%;
    float: left;
}

.search-criteria-language-right {
    width: 50%;
    float: left;
}

/* .squaredThree */
.squaredThree {
    width:    20px;
    position: relative;
    margin:   20px auto;
}

.squaredThree label {
    width:         20px;
    height:        20px;
    cursor:        pointer;
    position:      absolute;
    top:           0;
    left:          0;
    background:    linear-gradient(to bottom, #222222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow:    inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
}

.squaredThree label:after {
    content:           '';
    width:             9px;
    height:            5px;
    position:          absolute;
    top:               4px;
    left:              4px;
    border:            3px solid #fcfff4;
    border-top:        none;
    border-right:      none;
    background:        transparent;
    opacity:           0;
    -webkit-transform: rotate(-45deg);
    transform:         rotate(-45deg);
}

.squaredThree label:hover::after {
    opacity: 0.3;
}

.squaredThree input[type=checkbox] {
    visibility: hidden;
}

.squaredThree input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.project-container {
    text-align: left;
}

/* end .squaredThree */
.project-list {
    text-align: left;
}

.project-list .pagination {
    width: 100%;
}

.select-multiple-custom-header {
    width:            93%;
    margin-top:       14px;
    border:           1px solid #c3815e;
    color:            #c3815e;
    background-color: #f8f1eb;
    padding:          10px;
    cursor:           pointer;
}

.select-ethnic-options {
    display:    none;
    padding:    10px;
    border:     1px solid #c3815e;
    border-top: 0px;
}

#add-to-project-form {
    padding:          10px;
    background-color: #ffffff;
    margin-top:       10px;
    max-width:        500px;
}

.list-style-grid .talent-name {
    opacity: 0;
}