@import url('https://fonts.googleapis.com/css?family=Merriweather:300,400,700,400i|Montserrat:300,300i,400,400i,500,600,700');

/*@font-face {*/
    /*font-family: 'Material Icons';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*src: url(https://example.com/MaterialIcons-Regular.eot); !* For IE6-8 *!*/
    /*src: local('Material Icons'),*/
    /*local('MaterialIcons-Regular'),*/
    /*url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'),*/
    /*url(https://example.com/MaterialIcons-Regular.woff) format('woff'),*/
    /*url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');*/
/*}*/




body {
    font-family: 'Montserrat', sans-serif;
}

a {
    text-decoration: none !important;
}

input[type]:focus {
    border-color: #B6533F;
}

.nav-bar {
    width: 100%;
    background-color: #fff;
    height: 80px;
    max-height: 80px;
    z-index: 1000;
    position: fixed;
    border-bottom: 1px solid #E6E6E6;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.75);
}

.input-group-text{
    background-color: #fcfcfc;
    border-width: 2px;
    border-color: #ececec;
    border-left: none;
    padding: 0;
    color: #D3D3D3;
}
#search{
    border-right: none;
    border-width: 2px;
    border-radius: 3px;
    color: #000;
}

#search::placeholder{
    color: #707070;
    font-size: 14px;
}


.focus-none:focus{
    border-color: #ececec !important;
}

.nav-menu-close {
    padding: 30px;
    font-size: 10px;

}

.nav-menu-close a {
    color: #000;
    text-decoration: none;
}

.container-hamburger {
    display: inline-block;
    cursor: pointer;
    margin-top: 3px;
    padding: 0;
}

.bar1, .bar2, .bar3 {
    width: 15px;
    height: 2px;
    background-color: #333;
    margin: 3px 0;
    transition: 0.4s;
}

.change .bar1 {
    width: 5px;
}

.change .bar3 {
    width: 10px;
}

.nav-hamburger-menu {
    /*position: absolute;*/
    /*left: 3.5%;*/
    /*top: 30px;*/
    color: #808080;
    font-weight: 600;
    font-size: 13px;
}

.logo {
    width: 160px;
    left: 8%;
    top: 15px;
    position: absolute;
}

.nav-search {
    width: 40%;
    height: 40px;
    position: absolute;
    left: 45%;
    top: 20px;
    border-radius: 3px;
    border: 2px solid #E6E6E6;
    color: #E6E6E6;
    font-size: 18px;
    z-index: 9999;

}

.nav-search-filter {
    padding: 8px;
    font-size: 12px;
    height: 38px;
    border-right: 1px solid #E6E6E6;
    width: 30%;

}

.nav-search-filter a {
    text-decoration: none;
    font-weight: 500;
}

.nav-search-filter-arrow {
    position: absolute;
    font-size: 29px;
}

.home-arrow {
    position: absolute;
    font-size: 61px;
    font-weight: 500;
}

.nav-search-bar {
    padding: 4px;
    width: 100%;
    height: 38px;
    top: 0;
    position: absolute;
    display: inline;

}

.nav-search-bar input {
    border: none;
    background-color: transparent;
    font-size: 14px;
    padding-top: 0;
}

.nav-search-bar input::placeholder {
    color: #707070;
}

.nav-search-ul-filter {
    background-color: #fff;
    position: relative;
}

.nav-search-filter a {
    color: #D3D3D3;
}

.btn-search {
    position: absolute;
    left: 96%;
    top: 5px;
    box-shadow: none;

}

a .btn-search {
    color: #D3D3D3;

}

.under-ul {
    color: #272727;
    font-weight: 400;
}

.under-ul .active {
    font-weight: 700;
}

.menu-vertical {
    color: #A0A0A0;
}

.dropdown__content {
    border: 1px solid #D3D3D3;
    border-radius: 3px !important;
}

.homeslider1 {
    /*font-family: 'Merriweather', 'Georgia', serif;*/
    font-family: 'Montserrat', 'Georgia', sans-serif;
    text-shadow: 3px 0px 6px rgba(0, 0, 0, 1);
    font-size: 38px;
    line-height: 46px;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 500;
    margin-bottom: 0!important;
}
.homeslider1-2 {
    font-family: 'Merriweather', 'Georgia', serif;
    text-shadow: 3px 0px 6px rgba(0, 0, 0, 1);
    font-size: 38px;
    line-height: 46px;
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: 500;
}

.homeslider2 {
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 19px;
    text-align: center;
    font-weight: 500;
}

.logo-deux {
    position: absolute;
    left: 18%;
    top: 40%;
    /* border: 1px solid #E6E6E6; */
    max-width: 90px;
    /*max-height: 70px;*/
    margin-left: 15px;
}


.img-logo-deux {
    padding: 10px;
}

.small-things {
    position: absolute;
    left: 80%;
    top: 20px;
    width: 100%;
    color: #808080;!important;
    font-size: 14px;
    display: inline;
    font-weight: bold;
}

.shop-st{
    color: #808080 !important;
    /*font-size: 14px !important;*/
}

    .shop {
        color: #B6533F;
        text-align: center;
        font-size: 12px;
    }



.connexion {
    display: inline;
    position: absolute;
    padding: 12px;
    left: 3%;
    z-index: 9999;
}

.lang {
    display: inline;
    position: absolute;
    left: 15%;
    padding: 12px;
}

.lang a {
    color: #808080;
}

.icon-absolute-shop {
    padding: 10px;
    position: absolute;
    left: -80px;
}

.icon-absolute-login {
    padding: 10px;
    position: absolute;
    left: 1.5%;
}


.menu-vertical-menu {
    width: 0;
    height: 100vh;
    background-color: #6B393F;
    position: fixed;
    overflow-x: hidden;
    opacity: 0;
    transition: all 0.7s ease-in-out;
    z-index: 9998;
    top: 80px;
    text-align: center;
    color: #fff;
}

.menu-vertical-menu a li {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding-top: 7px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    height: 38px;
    font-weight: 500;
}

.menu-vertical-menu a li:hover {
    background-color: #B6533F;
}

.menu-vertical-menu a {
    text-decoration: none !important;
    color: #fff;
}

.menu-vertical-bottom {
    position: absolute;
    bottom: 10%;

}

.menu-vertical-news {
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;

}

.nav-side-menu {
    overflow: auto;
    text-transform: uppercase;
    text-align: center;
    font-family: Montserrat;
    font-size: 13px;
    font-weight: 400;
    background-color: #6B393F;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.54);
    color: #000;
    z-index: 9995;

}

.mobile-login {
    color: #fff;
    background-color: #B6533F;
    position: relative;

}

.mobile-login a {

    color: #fff;
}

.mobile-login-left {
    width: 50%;
    padding-right: 20px;
    text-align: center;
    display: inline;

}

.text-contenu{
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: bold;
    color: #272727;
}

.text-legend{
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: lighter;
    color: #707070;
    font-size: 14px;
}

.text-legend2{
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: lighter;
    color: #707070;
    font-size: 13px;
    background-color: white;
    top: -44px;
    padding-top: 20px;
}


.mobile-login-right {
    width: 50%;
    padding-left: 20px;
    text-align: center;
    display: inline;

}

.img-brand {
    max-height: 40px;
}

.nav-side-menu .brand {
    background-color: #fff;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.nav-side-menu .toggle-btn {
    display: none;
}

.nav-side-menu ul,
.nav-side-menu li {
    list-style: none;
    padding: 0px;
    margin: 0px;
    line-height: 45px;
    cursor: pointer;
    /*
      .collapsed{
         .arrow:before{
                   font-family: FontAwesome;
                   content: "\f053";
                   display: inline-block;
                   padding-left:10px;
                   padding-right: 10px;
                   vertical-align: middle;
                   float:right;
              }
       }
  */
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
    background-color: #B6533F;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #d19b3d;
}

.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
    color: #d19b3d;
}

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #B6533F;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #ffffff;
    margin-left: 0px;
}

.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
    background-color: #B6533F;
}

.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
}

.nav-side-menu li {
    padding-left: 0px;
    border-left: 3px solid #2e353d;
    /*border-bottom: 1px solid #fff;*/
}

.nav-side-menu li a {
    text-decoration: none;
    color: #fff;
}

.nav-side-menu li a i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}

.nav-side-menu li:hover {
    border-left: 3px solid #d19b3d;
    background-color: #B6533F;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}



.nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
}

.brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
}

.news-title {
    text-transform: uppercase;
    color: #fff;
    font-size: 12px;

    margin-bottom: 5px;
}

@media (min-height: 900px) {
    .menu-left-side {
        margin-top: 15px;
    }
}

.menu-left-side {
    margin-bottom: 15px;
}

input.btn-login {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 200px;
    border-radius: 3px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 35px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
}

input.btn-login:hover {
    background-color: #272727;
    color: #fff;
}

.forgot-pass {
    position: absolute;
    bottom: 8px;
    left: 50px;
}

.register-onlog {
    position: absolute;
    bottom: 8px;
    right: 50px;
}

.title-login-form {
    /*text-transform: uppercase;*/
    color: #272727;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', 'Georgia', sans-serif;
}

.label-login-form {
    font-family: 'Montserrat', 'Georgia', sans-serif;
    margin-top: 14px;
    font-weight: 500;
    font-size: 14px;
}

.input-login-form {

}

.close {
    position: absolute;
    right: 5px;
    top: 0;
    color: #272727;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #B6533F;
    cursor: pointer;
}

/*.modal {*/
    /*display: none; !* Hidden by default *!*/
    /*position: fixed; !* Stay in place *!*/
    /*z-index: 9999; !* Sit on top *!*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%; !* Full width *!*/
    /*height: 100%; !* Full height *!*/
    /*overflow: auto; !* Enable scroll if needed *!*/
    /*background-color: rgb(0, 0, 0); !* Fallback color *!*/
    /*background-color: rgba(255, 255, 255, 0.4); !* Black w/ opacity *!*/
    /*padding-top: 60px;*/
/*}*/

/*!* Modal Content/Box *!*/
/*.modal-content {*/
    /*background-color: #fefefe;*/
    /*margin: 0 auto 15% auto; !* 5% from the top, 15% from the bottom and centered *!*/
    /*border: 2px solid #B6533F;*/
    /*padding: 40px;*/
    /*width: 500px;*/
    /*-webkit-box-shadow: -1px 2px 15px 0px rgba(0, 0, 0, 0.75);*/
    /*-moz-box-shadow: -1px 2px 15px 0px rgba(0, 0, 0, 0.75);*/
    /*box-shadow: -1px 2px 15px 0px rgba(0, 0, 0, 0.75);*/
/*}*/

/*@media (max-width: 639px) {*/
    /*.modal-content {*/
        /*margin: 0 auto;*/
        /*padding: 10px;*/
        /*width: 100%;*/

    /*}*/
/*}*/

.icon-social{
    margin-right: 8px;
}

.icon-social:hover{
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

.merri {
    font-family: 'Merriweather', serif;
}

footer {
    position: relative;
}

.select-country {
    position: absolute;
    right: 50px;
    top: 20px;

}

.select-footer {
    color: #303030;
    border-radius: 3px;
    border: 1px solid #303030;
    background: transparent;
    /*width: auto;*/
    /*text-align: left;*/
    cursor: pointer;
    /*padding: 5px 25px;*/

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /*background-color: #FFFFFF;*/
    /*border: 1px solid #FFFFFF;*/
    /*color: #080808;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.25rem;
    padding: 0.75em;
}

.select-footer:hover{
    background-color: #303030;
    color: #ffffff ;
    text-decoration: none;
}

.country_name{
    margin-left: 5px;
    display: inline-block;
}

.select-footer:focus {
    border-color: #B6533F;
}

.select-footer:after {
    background: transparent;
}

.select-footer option {
    color: #A0A0A0;
    min-height: 55px;
}

.form-menu input {
    background-color: #6B393F;
    border: 1px solid #B6533F;
    border-radius: 3px;
    width: 155px;
    color: #fff;

}

.form-menu input:focus {
    border: 1px solid #fff;
    background-color: #B6533F;
}

.form-menu input::placeholder {
    font-size: 10px;
    font-style: italic;
    text-align: center;
    color: #fff;
}

.form-menu a {
    margin-left: 2px;
    color: #B6533F;
    border: 1px solid #B6533F;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 10px;

}

.form-menu a:hover {
    background-color: #B6533F;
    color: #fff;
}

.news-text {
    line-height: 20px;
    font-style: italic;
    font-size: 12px;
    padding: 5px;
    text-align: center;
    color: #fff;
}

.menu-lang {
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 10px;

}

.menu-lang a {
    text-decoration: none;
    color: #BFBFBF;
}

.menu-lang .active-lang a {
    color: #fff;
}

.menu-lang-hr {
    color: #B6533F;
    font-size: 14px;
    padding-left: 3px;
    padding-right: 3px;
}

.icons-menu {
    font-size: 7px;

}

.icons-menu i {
    padding: 8px;
    /*border:1px solid #B6533F;
    border-radius: 20px;*/
    margin-right: 5px;
    /*ùargin-left: 5px;*/
}

.bottom-menu {
    background-color: #B6533F;
    padding: 10px;
    margin-right: 14px;
    margin-left: 14px;
    margin-top: 10px;
    font-size: 12px;
    margin-bottom: 5px;
}

.bottom-info {
    font-size: 10px;
}

.bottom-info-contact {
    font-size: 12px;
}

.bottom-info-copyright {
    font-size: 10px;
}

.line-text {
    height: 46px;
    margin-bottom: 20px;
}

.line-text2 {
    height: 46px;
    margin-bottom: 40px;
}

.btn-sld {
    padding: 8px 20px;
    border: 3px solid rgba(255, 255, 255, 0.8);
    /*position: relative;*/
    display: inline-block;
    /*outline: none;*/
    /*z-index: 5;*/
    text-align: center;
    font-weight: bolder;
    /*text-align: center;*/
}

.btn-sld span {
    text-align: center;
    font-weight: bolder;
}



.gallery-cell {
    width: 100%;

    color: #fff;

    text-align: center;

}

.flickity-slider {
    transform: none !important;
}

.gallery-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 2s ease;
    z-index: -1;
    width: 100%;
}

.gallery-cell.is-selected {
    opacity: 1;
    z-index: 0
}

.gallery-cell .text-fadeinout {
    opacity: 0;
    /*height: 0px;*/
    /*transition: opacity 5s ease-in-out,*/
    /*height 5s ease-in-out;*/
}

.gallery-cell.is-selected .text-fadeinout {
    opacity: 1;
    /*height: 100%;*/
}

.bg--grey {
    background-color: #f2f2f2;
}

/* bouton besoin aide */

.needhelp {
    text-transform: uppercase;
    background-color: #f2f2F2;
    width: auto;
    position: fixed;
    right: 70px;
    bottom: 0;
    color: #707070;
    padding: 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    text-align: center;
    z-index: 9995;
    font-weight: 400;
    font-size: 12px;
}

.needhelp a {
    color: #707070;
    font-weight: 400;
    transition: color 0.5s ease,
    font-weight 0.5s ease;
}

.needhelp a:hover {
    color: #B6533F;
    font-weight: 500;
}


.needhelp2 {
    text-transform: uppercase;
    background-color: #f2f2F2;
    width: 100px;
    position: fixed;
    left: 70px;
    bottom: 0;
    color: #707070;
    padding: 10px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    text-align: center;
    z-index: 9995;
    font-weight: 400;
}

.needhelp2 a {
    color: #707070;
    font-weight: 400;
    transition: color 0.5s ease,
    font-weight 0.5s ease;
}

.needhelp2 a:hover {
    color: #B6533F;
    font-weight: 500;
}

/* Page Organisation */

.h2-homepage {
    text-transform: uppercase;
    font-size: 36px;
    color: #272727;
    font-weight: 300;
    margin-bottom: 0.15em;
}

.h2-homepage-publi {
    text-transform: uppercase;
    font-size: 34px;
    color: #272727;
    font-weight: 300;
    margin-bottom: 0.15em;

    font-family: 'Merriweather', 'Georgia', serif;

}

.img-creation {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;

}

.img-creation-square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;

}

/*.img-creation-square:hover{*/
    /*opacity: 0.5;*/
/*}*/

.img-creation-square-label:hover {
    visibility: visible;
}

.img-creation-square-label {
    top: -40px;
    position: relative;
    visibility: hidden;
    background-color: rgba(128, 128, 128, 0.5);
}

.img-creation-square-label span {
    font-weight: 700;
    font-size: 16px;
    font-family: 'Merriweather', 'Georgia', serif;
    color: #FFFFFF;
    opacity: 1;
}

.img-creation-square:hover + .img-creation-square-label {
    visibility: visible;
}



/*.img-creation img{*/
/*position: absolute;*/
/*max-width: 100%;*/
/*max-height: 100%;*/
/*top: 50%;*/
/*left: 50%;*/
/*transform: translateX(-50%) translateY(-50%);*/
/*}*/

.img-creation-large {
    width: 100%;
    height: auto;
    opacity: 1;
    margin: 0 auto;
    transition: .5s ease;
    backface-visibility: hidden;
    padding-left: 0;
    background-position: center center;
    background-size: contain;
    padding-bottom: 100%;
}

.hover-middle {
    position: relative;
    opacity: 1;

}

.hover-middle .onhover-middle:hover {
    opacity: 1;

}

.middle {
    transition: .5s ease;

    position: absolute;
    top: 150px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 200px;
    height: 45px;
}

.middle2 {
    transition: .5s ease;

    position: absolute;
    top: -150px;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    width: 200px;
    height: 45px;
}

.img-container-large {
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    width: 100%;
    max-height: 360px;
}

.img-container-large:hover .img-creation-large {
    opacity: 0.8;
}

.img-container-large:hover .middle {
    opacity: 1;
}

.middle-text {
    background-color: rgba(0, 0, 0, 0.65);
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid #fff;
    text-decoration: none;
    font-weight: 500px;
    border-radius: 3px;

}

.btn-white-homepage {
    width: 200px;
    border-radius: 3px;
    margin-top: 20px;
}

.h3-homepage {
    font-size: 20px;
    font-family: 'Merriweather', serif;
    color: #272727;
    margin: 0 0 15px 0;

}

.h3-homepage-span {
    margin-bottom: 20px;
    font-family: 'Merriweather', 'Georgia', serif;
}

.h2-homepage-span {
    font-size: 18px;
    font-family: 'Merriweather', serif;
    font-weight: 400;
    color: #808080;
}

.h2-homepage-span-video {
    font-size: 20px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: 400;
    color: #272727;
}
.h3-homepage-video {
    font-size: 18px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: 600;
    color: #272727;
    margin-bottom: 5px;
}
.p-video{
    font-size: 16px;
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: 400;
    color: #707070;
}

.h2-homepage-span-video>p {
    font-size: 17px;
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: 400;
    color: #707070;
}

.mg-bot10 {
    margin-bottom: 10px;
}

.mg-bot20 {
    margin-bottom: 20px;
}

.mg-bot40 {
    margin-bottom: 40px;
}

.mg-bot0 {
    margin-bottom: 0;
    padding-bottom: 0;!important;
}

.photograpge-span-birth{
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 15px;
    font-weight: bold;
}

.photographe-bio{
    text-align: center;
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 15px;
    font-weight: 400;
}


.photographe-detail-image-container {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 20px;
    padding-right: 0;
    overflow: hidden;
    position: relative;

}

.photographe-detail-image-container:hover .p-title-pgs {
    font-weight: 700;
}

.photographe-detail-image-square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
}


.photographe-image-container {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    height: 100%;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/

}

.photographe-image-container-list {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
}

.photographe-image {
    height: 100%;
    padding-bottom: 0;
    background-size: cover;
    background-position: center;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.photographe-image2 {
    height: 100%;
    padding-bottom: 0;
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.photographe-image-container-overlay {
    height: 0;
    width: 0;
    overflow: hidden;
    /*transition: opacity 3s ease-out;*/
    opacity: 0;
    /*-webkit-border-radius: 5px;*/
    /*-moz-border-radius: 5px;*/
    /*border-radius: 5px;*/
}

.photographe-detail-image-container:hover .photographe-image-container-overlay {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    opacity: 1;
    height: auto;
    width: 100%;
}

.photographe-container:hover .photographe-image {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

.photographe-container:hover .photographe-image2 {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 1s ease ;
    -moz-transition: transform 1s ease;
    -ms-transition: transform 1s ease;
    -o-transition: transform 1s ease;
    transition: transform 1s ease;
}

.photographe-container:hover .photographe-image-container-overlay {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
    opacity: 1;
    height: 100%;
    width: auto;
}

.photographe-image-overlay {
    height: 0;
    width: 0;
    overflow: hidden;
    /*transition: opacity 3s ease-out;*/
    opacity: 0;
}

.photographe-detail-image-container:hover .photographe-image-overlay {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 0;
    overflow: hidden;
    position: relative;
    opacity: 1;
    width: auto;
}

.photographe-container:hover .photographe-image-overlay {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
    opacity: 1;
    height: 100%;
    width: auto;
}

.photographe-detail-image-container:hover .photographe-image-container-list {
    display: none;
    opacity: 0;
}

.grpblog:hover .photographe-container.pch2:not(:hover) {

    background-color: black;
}

.grpblog:hover .photographe-container.pch2:not(:hover) .photographe-image-container {
    opacity: 0.5;
    /*background-color: black;*/
}

.photographe-container.pch2:hover .photographe-image-container {
    opacity: 1;
}



.photographe-container:hover .photographe-image-container {
    opacity: 0.7;
}

.photographe-overlay {
    position: absolute;
    top: 40%;
    bottom: 0;
    left: 0;
    right: 0;
    height: 10%;

    opacity: 0;
    margin-left: 5px;
    margin-right: 5px;

    transition: 0.5s ease;
    background-color: rgba(0, 0, 0, 0);
}


.photographe-image {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    /*transition: opacity 3s ease-in;*/
    opacity: 1;
}

/*.photographe-image-overlay {*/
    /*height: 0;*/
    /*width: 0;*/
    /*overflow: hidden;*/
    /*transition: opacity 3s ease-out;*/
    /*opacity: 0;*/
/*}*/

/*.photographe-container:hover .photographe-image-overlay {*/
    /*opacity: 1;*/
    /*display: block;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*margin-bottom: 0;*/
/*}*/


/*.photographe-container:hover .photographe-image {*/
    /*display: none;*/
    /*opacity: 0;*/
/*}*/

/*.photographe-overlay {*/
    /*position: absolute;*/
    /*top: 85%;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*height: 10%;*/

    /*opacity: 0;*/
    /*margin-left: 5px;*/
    /*margin-right: 5px;*/

    /*transition: 0.5s ease;*/
    /*background-color: rgba(0, 0, 0, 0);*/
/*}*/

@media (max-width: 639px) {

    .photographe-container {
        margin-bottom: 20px;
        margin-top: 20px;
        margin-left: 50px;
        margin-right: 50px;
    }

    .mg-mobile-left-20 {
        margin-left: 20vw;
    }

    .mg-mobile-left-30 {
        margin-left: 30vw;
    }
}

.photographe-container.pch2 {
    border: solid 5px #ffffff;
    padding: 6px;

    height: 350px;
    background-color: #848484;
    border-radius: 4px;
}

.photographe-container {
    padding: 0;
    max-height: 95%;
    height: 285px;
    background-color: black;
}

.photographe-container:hover .photographe-overlay {
    opacity: 1;
}

.photographe-name {
    font-weight: 400;
    font-size: 1.6em;
    position: absolute;
    text-transform: capitalize;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    color: #ffffff;
    width: 100%;
    white-space: nowrap;
}



.photographe-name2 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7em;
    position: absolute;
    top: calc(50% + 3.4em);
    left: 50%;
    background-color: #c29d57;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    color: #ffffff;
    width: auto;
    padding: 0 4px;
    height: 24px;
    /*margin-top: 10px;*/
}
.photographe-name4 {
    font-weight: normal;
    font-size: 1.6em;
    position: absolute;
    text-transform: capitalize;
    top: 90%;
    left: 50%;
    /*background-color: #252525;*/
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    color: #ffffff;
    width: 100%;
    white-space: nowrap;
}
.photographe-name3 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7em;
    position: absolute;
    top: calc(50% + 3.4em);
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: left;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    color: #ffffff;
    width: 100%;
    padding: 0 4px;
    height: 24px;
    /*margin-top: 10px;*/
}

.photographe-galerie {
    font-weight: 400;
    font-size: 13px;
    position: absolute;
    top: 85%;
    left: 48%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    font-family:'Merriweather', 'Georgia', serif;
}

/*.photographe-container.pch2 .photographe-overlay {*/
    /*top: 85%;*/
/*}*/

/*.photographe-container.pch2:hover .photographe-overlay {*/
    /*top: 85%;*/
/*}*/

.photographe-galerie a {
    color: #fff;
}

.icon-theme {
    margin: 0 auto;
}


.icon-theme-container{

}

.icon-theme-index {
    /*margin: 0 auto;*/
    width: 54px;
    margin-bottom: 5px;
}

.icon-theme-container:hover .icon-theme-index {
    visibility: hidden;
    width: 0;
    height: 0;
}
.icon-theme-index-overlay {
    visibility: hidden;
    width: 0;
    height: 0;
    border-radius: 50%;
    margin-bottom: 5px;
}
.icon-theme-container:hover .icon-theme-index-overlay {
    visibility: visible;
    width: 75px;
    height: 75px;
}



.icon-theme-header {
    margin: 0 auto 10px auto;
    width: 55px;
    height: 55px;
}

.icon-theme-title {
    text-transform: uppercase;
    font-size: 10px;
    /*letter-spacing: 1px;*/
    text-align: center;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: 400;
    color: #272727;
}

a .icon-theme-title {
    color: #000;

}

@media (max-width: 639px) {
    .reportage-container {
        margin-left: 10vw;
    }

}


.img-reportage-square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

.reportage-container {
    position: relative;
    /*margin: 0 auto;*/
    /*padding-left: 0;*/
    /*padding-bottom: 20px;*/
    overflow: hidden;

    max-width: 235px;
    max-height: 235px;
}

.reportage-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: rgba(0, 0, 0, 0.55);
    margin: 0 auto;
    padding: 0;
}

.reportage-container:hover .reportage-overlay {
    opacity: 1;
}

.reportage-bgd{
    font-family: 'Merriweather', 'Georgia', serif;
}

.reportage-sst{
    color: #A0A0A0;
}

.reportage-text {
    color: white;
    font-size: 14px;
    position: absolute;
    width: 150px;
    top: 58%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    font-weight: 400;
    font-family: 'Merriweather', 'Georgia', serif;
}

.reportage-text span {
    font-weight: 700;
    font-size: 16px;
}

.reportage-text a {
    color: #fff;
}

.mg-right50 {
    margin-right: 50px;
}

.logo-footer {
    max-width: 170px;
}

/* Formulaires */

.title-forms {
    color: #B6533F;
    font-size: 26px;
    text-transform: uppercase;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: 600;
}

.under-title-forms {
    color: #272727;
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 16px;
}

.title-more-forms {
    color: #272727;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 14px;
}

.title-more-forms2 {
    color: #A0A0A0;
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
}

.form_field-label>label {
    color: #707070;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', 'Georgia', sans-serif;
}

.form_field-error {
    color: #c7254e;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Montserrat', 'Georgia', sans-serif;
}
/*
.form_field-input {
    display: inline;
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    white-space: nowrap;

}*/

@media (max-width: 639px) {

    .form_field-label {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        white-space: nowrap;
    }

    .form_field-error {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        white-space: nowrap;
    }

    .form_field-input {
        display: block;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        float: left;
        white-space: nowrap;

    }
}

.form_field-input input {
    /*background-color: #F2F2F2;*/
    border-radius: 3px;
    /*border: none;*/
}

.form_field-input input:valid:not(:placeholder-shown),
.form_field-input textarea:valid:not(:placeholder-shown),
.form_field-input select:valid:not(:placeholder-shown){
    /*background-color: #F2F2F2;*/
    border-radius: 3px;
    /*border: none;*/
    border: 1px solid #B6533F;
}

.form_field-input textarea {
    /*background-color: #F2F2F2;*/
    border-radius: 3px;
    /*border: none;*/
}


.form_field-input select {
    /*background-color: #F2F2F2;*/
    border-radius: 3px;
    /*border: none;*/
}

.form_field-input select:focus {
    background-color: #fff;
    border: 1px solid #B6533F;
}

.form_field-input input:focus {
    background-color: #fff;
    border: 1px solid #B6533F;
}

.form_field-input textarea:focus {
    background-color: #fff;
    border: 1px solid #B6533F;
}

input.btn-register {
    margin-top: 20px;
    margin-bottom: 20px;
    width: 200px;
    border-radius: 3px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 35px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    cursor: pointer;
}

input.btn-register:hover {
    background-color: #272727;
    color: #fff;
}

.italic{
    font-style: italic;
}

/* page themes */

.box-theme {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.54);
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.54);
    text-align: center;
    max-width: 135px;
    height: 135px;
    margin: 10px;

}

.span-title-theme {
    font-size: 16px;
    text-transform: uppercase;
    color: #272727;
    font-weight: 700;
    font-family: 'Merriweather', 'Georgia', serif;
}

.arrow-slide {
    vertical-align: middle;
    font-size: 34px;
    cursor: pointer;
    color: #A0A0A0;
}

.arrow-slide:hover {
    color: #272727;
}

.dots {
    display: block;

}

.dot {
    height: 8px;
    width: 8px;
    border: 1px solid #808080;
    border-radius: 50%;
    margin-left: 7px;
    margin-right: 7px;
    display: inline-block;
    cursor: pointer;
}

.dot-selected {
    background-color: #272727;
    border-color: #272727;
}

.st-big {
    display: inline-block;
    vertical-align: middle;
    margin-left: 17px;
}

.st-big .st-big-container {
    max-width: 490px;
    max-height: 320px;
    width: 490px;
    height: 100%;
    overflow: hidden;
}
.st-img{
    background-size: cover;
    background-position: center;
    width: 100%;
    padding-bottom: 100%;
}

.st-three {
    display: inline-block;

}

.st-three .st-three-container {
    max-width: 150px;
    max-height: 150px;
    width: 150px;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    margin: 0 10px 10px 10px;
}

.st-one .st-one-container {
    max-width: 495px;
    max-height: 150px;
    width: 495px;
    height: 100%;
    overflow: hidden;
}

.st-three img {
    margin-bottom: 17px;
    margin-right: 17px;
    width: 150px;
    height: 150px;
}

.st-one {
    display: block;

}

.st-one img {
    margin-left: -17px;
    width: 490px;
    height: 150px;
}

@media (min-width: 1024px) {
    .hr-themes {
        display: inline-block;
        height: 1px;
        width: 400px;

        margin-bottom: 5px;
        background-color: #808080;
    }

    .hr-left {
        margin-left: 40px;
    }

    .hr-right {
        margin-right: 40px;
    }
}

@media (max-width: 1024px) {
    .st-three .st-three-container {
        margin: 10px 0 10px 10px;
    }
}

.box-img-hover {
    height: 0;
    width: 0;
    overflow: hidden;
    /*transition: opacity 1.5s ease;*/
    opacity: 0;
}

.box-hover:hover .box-img-hover {
    opacity: 1;
    display: block;
    height: 135px !important;
    width: auto;
    background-position: center;
    background-size: cover;
}

.box-not-hover {
    opacity: 1;
    /*transition: opacity 1s ease;*/
    bottom: 26%;
    position: absolute;
    width: 100%;
    max-width: 135px;
}

.box-hover:hover .box-not-hover {
    display: none;
    opacity: 0;
}



/* Photographes */
.tri-pgs {
    position: absolute;
    top: 20%;
    left: 10px;
    z-index: 9997;
}

.button-tri-pgs {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
    text-transform: uppercase;
    border-radius: 3px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 25px;
    padding-left: 15px;
    font-size: 10px;
}

.hover-p a {
    opacity: 1;
    transition: opacity 500ms ease;
}

.hover-p a img {
    opacity: 1;
    transition: opacity 500ms ease;
}

.hover-p-grp:hover a:not(:hover) {
    opacity: 0.3 !important;
}

.hover-p-grp:hover a:not(:hover) img {
    opacity: 0.3 !important;
}

.hover-p a:hover .project-title {
    font-weight: 600;
}

.mg-top0 {
    margin-top: 0px
}
.mg-top10 {
    margin-top: 10px
}
.mg-top30 {
    margin-top: 30px
}

.p-title {
    text-align: center;
    font-weight: 400;
    font-size: 12px;
}

.p-title-pgs {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    color: #707070;
}

.alphabet-pgs {
    z-index: 9996;
    font-size: 16px;
}

.alphabet-pgs a {
    margin: 6px;
    color: #A0A0A0;
}

.alphabet-pgs a:hover {
    color: #B6533F;
}

.alphabet-pgs .no-result {
    color: #D3D3D3;
}

.alphabet-pgs .no-result:hover {
    color: #D3D3D3;
}

.drop-pgs {
    width: 21.5em !important;
}

.drop-pgs ul li {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
    width: 9.5em;
}

.drop-pgs ul a:hover li {
    color: #B6533F;

}

.img-map-fixed {
    position: fixed;
    right: 10px;
    top: 16%;
    width: 150px;
    text-align: center;
}

/*Profil Photographe */

.project-speciality {
    text-transform: uppercase;
    color: #B6533F;
    font-size: 10px;
    display: block;
}

.project-title {
    text-transform: uppercase;
    font-weight: 400;
}

.text-absolute-img {
    top: 30%;
    left: 30px;
    position: absolute;
    text-align: right;
}

.text-left-img {
    top: 50%;
    position: relative;
}

.onscroll-profil-title {
    margin: 0 auto;
    padding: 0;
    display: block;
}

.onscroll-profil {
    background-color: #fff;
    padding: 10px;
    position: fixed;
    left: 46.5%;
    top: 12%;
    display: none;
    text-align: center;
    border-radius: 5px;
    z-index: 9999;
    -webkit-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: -1px 2px 5px 0px rgba(0, 0, 0, 0.75);
}

.container-full {
    width: 100%;
    margin-top: 30px;
    /*max-height: 600px;*/
}

.profil-img-table {
        /*width: 100%;*/
    cursor: pointer;
}

.button-left {
    position: fixed;
    left: 1%;
    top: 12%;
    background-color: #CECECE;
    color: #000000;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 400;
    z-index: 9997;
    -webkit-transition: padding 500ms;
    -moz-transition: padding 500ms;
    -ms-transition: padding 500ms;
    -o-transition: padding 500ms;
    transition: padding 500ms;
}

.button-left:hover {
    font-weight: 600;
    padding: 7px 15px;

}


.button-right {
    position: fixed;
    right: 1%;
    top: 12%;
    background-color: #CECECE;
    color: #000000;
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 400;
    z-index: 9997;
    -webkit-transition: padding 500ms;
    -moz-transition: padding 500ms;
    -ms-transition: padding 500ms;
    -o-transition: padding 500ms;
    transition: padding 500ms;
}

.grey {
    color: #272727;
}

.grey:hover {
    font-weight: bold;
    color: #272727;
}

.button-right:hover {
    font-weight: 600;
    padding: 7px 15px;
}

.switch-left {
    position: absolute;
    left: 20%;
    top: 23%;
    color: #A0A0A0;
}

.md-72 {
    font-size: 72px !important;
    color: #272727;
    opacity: 0.4;
    transition: opacity 1s ease;
    font-weight: 400;
}

.switch-right {
    position: absolute;
    right: 10%;
    top: 23%;
    color: #A0A0A0;

}

.switch-right-text {
    text-align: center;
    display: block;
    color: #A0A0A0;
    font-weight: 400;
    transition: color 1s ease;
}

.switch-right-text:hover {
    color: #B6533F;
}

.switch-right-child {
    margin-left: 60px;
    opacity: 0;
    transition: opacity 1s ease;

}

.switch-right:hover .switch-right-child {
    opacity: 1;
}

.switch-right:hover .md-72 {
    opacity: 1;
}

.circle-right-profil {

    margin-left: 30px;
    margin-bottom: 3px;
    border-radius: 125px;
    width: 55px;
    height: 55px;
}

.switch-left-text {
    color: #A0A0A0;
    text-align: center;
    display: block;
    font-weight: 400;
    transition: color 1s ease;
}

.switch-left-text:hover {
    color: #B6533F;
}

.switch-left-child {
    margin-left: -120px;
    opacity: 0;
    transition: opacity 1s ease;

}

.switch-left:hover .switch-left-child {
    opacity: 1;
}

.switch-left:hover .md-72 {
    opacity: 1;
}

.circle-left-profil {
    margin-left: 30px;
    margin-bottom: 3px;
    border-radius: 125px;
    width: 55px;
    height: 55px;
}

.circle-profil {
    margin-bottom: 3px;
    border-radius: 50%;
    width: 115px;
    height: 115px;
}

.circle-profil-mini {
    margin-bottom: 3px;
    border-radius: 50%;
    width: 55px;
    height: 55px;
}

.profil-title-galery {
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 18px;
    color: #272727;
}

.profil-title {
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 26px;
    color: #272727;
}

.profil-city {
    font-style: italic;
    font-weight: 400;
    font-family: 'Merriweather', 'Georgia', serif;
}

.profil-tag {
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: 600;
    font-size: 9px;
    /*color: #B6533F;*/
    border-width: 1px;
    border-style: solid;
    text-transform: uppercase;
}

.profil-tag:hover {
    font-weight: 600;
    background-color: #B6533F;
    color: #fff;
    cursor: pointer;
}

.profil-tag.selected {
    font-weight: 600;
    background-color: #B6533F;
    color: #fff;
}

.profil-tag2 {
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: 600;
    font-size: 9px;
    color: #B6533F;
    border: 1px solid #B6533F !important;
    text-transform: uppercase;
}

.profil-tag2:hover {
    font-weight: 600;
    background-color: #B6533F;
    color: #fff;
}

.profil-tag2.selected {
    font-weight: 600;
    background-color: #B6533F;
    color: #fff;
}
.profil-tag2.selected:hover {
    font-weight: 600;
    background-color: rgb(242, 242, 242);
    color: #B6533F;
}


/* Galerie */

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {
    opacity: 0.7;
}

/* The Modal (background) */
.modal-photographe {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 30px; /* Location of the box */
    left: 2%;
    top: 2%;
    width: 96%; /* Full width */
    height: 96%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: #F2F2F2; /* Fallback color */
    border-style: solid;
    border-width: 1px;
    border-color: #272727;
}

/* Modal Content (image) */
.modal-photographe-content {
    margin: 0;
    display: block;
    max-height: 60vh;
    overflow: hidden;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #000;

    padding: 10px 0;

}

/* Add Animation */
.modal-photographe-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }
    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close.relative {
    position: relative;
    right: 5%;
}

.close2.relative {
    position: relative;
    right: 5%;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.photographe-display-name{
    font-style: italic;
    font-size: 10px;

}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-photographe-content {
        width: 100%;
    }
}

.caption-mini {
    margin-right: auto;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    width: 80%;
    max-width: 700px;
    color: #ccc;
    padding-top: 10px;
    padding-bottom: 10px;

}

.caption-mini-img {
    height: 60px;
    width: 60px;
    padding-top: 2px;
    margin-right: 3px;
    margin-left: 3px;
    display: inline-block;
    margin-bottom: 0;
    opacity: 1;
    border: none;
    border-radius: 3px;
    transition: padding 0.5s ease,
    opacity 0.5s ease;

}

.caption-mini:hover .caption-mini-img:not(:hover) {
    padding: 4px;
    cursor: pointer;
    opacity: 0.55;

}

.description-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 14px 1px rgba(0, 0, 0, 0.75);
    position: relative;
}

.icones-pt {

    color: #fff;
    margin-bottom: 20px;
    display: block;
    z-index: 9999;
    padding: 10px;

}

.img-icones-pt {
    margin: 0 ;
    width: 45px;
    height: 45px;
    padding: 3px;
    opacity: 1;
    transition: padding 0.5s ease,
    opacity 0.5s ease;
}

.img-icones-pt.reportage {
    margin: 0 auto 0 10px;
    width: 40px;
    height: 40px;
}


.img-icones-pt:hover {
    padding: 0;
    opacity: 0.7;
}

.row-title{
    margin-left: -3px;
    margin-right: -3px;
    max-height: 428px;
}

.img-cont{
    overflow: hidden;
}

.row-title:before{
    display: table;
    content: " ";
}

.row-title .rect_1x2{
    padding-bottom: 75%;
}

.row-title .rect_2x1{
    padding-bottom: 50%;
}

.row-title .rect_1x1{
    padding-bottom: 75%;
}


.tile.square{
    padding-bottom: 25%;
}

.row-title .tile{
    padding: 0;
    border-color: transparent;
    border-style: solid;
    border-top-width: 0;
    border-left-width: 3px;
    border-right-width: 3px;
    border-bottom-width: 0;
    margin-bottom: 6px;
    overflow: hidden;
}



.bigview {
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.bigview:hover {
    opacity: 0.75;
}

/* timelapses */

/* timelapses */

.tri-timelapses {
    position: absolute;
    top: 20%;
    right: 10px;

    z-index: 9997;
}

@media (max-width: 1024px) {
    .tri-timelapses {
        position: relative;
        top: 0;
        right: 0;
        z-index: 9997;
    }

}

.button-next {
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;

    border-radius: 3px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    display: inline;
}

.button-next:hover {
    background-color: #272727;
    color: #fff;
}

.drop-tim {
    width: 200px !important;
}

.drop-tim ul li {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    color: #000;
    font-size: 12px;
    font-weight: 400;

}

.drop-tim ul a:hover li {
    color: #B6533F;

}

/* portfolio et concept */

.text-under-slider {
    text-transform: uppercase;
    text-align: center;
    max-width: 235px;
    padding-right: 15px;
    padding-left: 15px;

}

.portfolio-left {
    position: relative;

}

.portfolio-right {
    margin-left: auto;
    position: relative;
    order: 2;
}

.portfolio-absolute-box-left {
    /*position: absolute;*/
    /*top: 25%;*/
    /*left: -55%;*/


    background-color: #fff;
    padding: 30px;
    font-size: 12px;
    font-weight: 400;
    margin-top: auto;
    margin-bottom: auto;
    left: 5%;
    z-index: 99;
    text-align: right;


    /*-webkit-box-shadow: -6px 7px 5px -7px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: -6px 7px 5px -7px rgba(0,0,0,0.75);*/
    /*box-shadow: -6px 7px 5px -7px rgba(0,0,0,0.75);*/
}

.portfolio-absolute-box-right {
    /*position: absolute;*/
    /*top: 25%;*/
    /*right: -55%;*/

    background-color: #fff;
    padding: 30px;
    font-size: 12px;
    font-weight: 400;
    margin-top: auto;
    margin-bottom: auto;
    left: -6%;
    z-index: 99;
    /*-webkit-box-shadow: 6px 7px 5px -7px rgba(0,0,0,0.75);*/
    /*-moz-box-shadow: 6px 7px 5px -7px rgba(0,0,0,0.75);*/
    /*box-shadow: 6px 7px 5px -7px rgba(0,0,0,0.75);*/
}

.label_legend{
    font-size: 14px;
    color: #808080;

}

@media (max-width: 639px) {
    .portfolio-absolute-box-right {
        position: relative;
        top: 0;
        right: 0;
    }
}

@media (max-width: 639px) {
    .portfolio-absolute-box-left {
        position: relative;
        top: 0;
        left: 0;

    }
}

.portfolio-btn {
    margin-top: 5px;
    text-align: center;
    max-width: 150px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    border-radius: 5%;
}

.portfolio-btn-right {
    margin-top: 5px;
    text-align: center;
    max-width: 150px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    padding-left: 25px;
    padding-right: 25px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    border-radius: 5%;
    float: right;
}

.portfolio-btn:hover {
    background-color: #272727;
    color: #fff;
}

.portfolio-btn2 {
    margin-top: 5px;
    text-align: center;
    max-width: 200px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    -webkit-border-radius: 3%;
    -moz-border-radius: 3%;
    border-radius: 3%;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    margin-left: auto;
    margin-right: auto;
}

.portfolio-btn2:hover {
    background-color: #272727;
    color: #fff;
}

.portfolio-title {
    color: #272727;
    font-size: 20px;
    font-weight: 700;
}

.mgr {
    margin-right: 5px;
}

.circle-portfolio-mini {

    border-radius: 125px;
    width: 35px;
    height: 35px;

}

.hrp {
    border: 0;
    height: 2px;
    background: #272727;
    background: linear-gradient(to right, #272727 30%, #D3D3D3 70%);
    margin-bottom: 5px;
    margin-top:10px;
}

.hrp-left {
    border: 0;
    height: 2px;
    background: #272727;
    background: linear-gradient(to right, #D3D3D3 30%, #272727 70%);
    margin-bottom: 5px;
    margin-top:10px;
}

.concept-tag {
    font-weight: 500;
    font-size: 20px;
    color: #707070;
    margin-left: 5px;
    text-align: justify-all;
}

.concept-tag:hover {
    color: #272727;
}

/* reportages list */

.reportage-list-theme{
    font-size: 12px;
    color: #4A4A4A;
    font-weight: normal;
    text-transform: uppercase;
}

.reportage-list-theme.color{
    color: #B6533F;
}

.reportage-diaporama-title{
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 18px;
    color: #272727;
}

.reportage-diaporama-from{
    font-family: 'Merriweather', 'Georgia', serif;
    font-size: 16px;
    color: #808080;
    font-style: italic;
}

.reportage-list-theme:hover{
    color: #4A4A4A;
    font-weight: bold;
}

.reportage-list-theme.selected{
    font-size: 12px;
    color: #B6533F;
    font-weight: bold;
}

.reportage-cat{
    font-weight: 600;
}

.reportage-grid-image-container {
    margin: 0 auto;
    padding-left: 0;
    padding-bottom: 20px;
    overflow: hidden;
    position: relative;
}

.reportage-grid-image-square {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

.reportage-grid-item {
    background-color: #fff;
    position: relative;
    min-height: 420px;
    margin-bottom: 20px;
}

.reportage-grid-image {
    margin-bottom: 30px;
    max-height: 234px;
}

.reportage-grid-text-front {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    height: 100%;
    width: 100%;
}

.reportage-grid-text-back {
    display: none;
    font-size: 13px;
    font-weight: lighter;
    text-align: center;
    padding-right: 3px;
    max-height: 100%;
    height: 100%;
    font-family: 'Merriweather', 'Georgia', serif;
    color: #707070;
    
}

.reportage-text-back{
    max-height: 61%;
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 12px;
    color: #707070;
}

/*.reportage-grid-item:hover .reportage-grid-text-back {*/
    /*display: block;*/
/*}*/

/*.reportage-grid-item:hover .reportage-grid-image-square {*/
    /*opacity: 0;*/
/*}*/

/*.reportage-grid-item:hover .reportage-grid-text-front {*/
    /*position: absolute;*/
    /*top: 2%;*/
    /*left: 0%;*/
    /*padding: 0;*/
    /*!*margin-left: 12%;*!*/

/*}*/

/*.reportage-grid-item:hover .reportage-name {*/
    /*text-align: left;*/
/*}*/

.reportage-type {
    display: block;
    font-size: 12px;
    color: #B6533F;
    font-weight: bold;
    text-transform: uppercase;

}

.red {

    color: #B6533F;
}

.reportage-name {
    display: block;
    font-size: 17px;
    color: #272727;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Merriweather', 'Georgia', serif;
    text-align: center;
}

.reportage-author {
    display: block;
    font-size: 12px;
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: lighter;
    font-style: italic;
    color: #707070;
}

.btn-back-grid {

    margin-top: 5px;
    text-align: center;
    max-width: 200px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #272727;
    text-transform: uppercase;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;

    z-index: 9999;
    width: 200px !important;

    margin-left: 10%;
}

.btn-back-grid:hover {
    background-color: #000;
    color: #fff;

}

.button-right-reps:hover {
    background-color: #272727;
    color: #fff;
}

.img-rep{
    max-width: 660px;
}

.button-right-reps {
    position: fixed;
    right: 1%;
    top: 12%;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9997;
    width: 18em;
}

.tri-reps {
    position: absolute;
    top: 16%;
    right: 20px;
    z-index: 9997;
}

.drop-reps {
    width: 15em !important;
}

.drop-reps ul li {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    color: #000;
    font-size: 12px;
    font-weight: 400;
}

.drop-reps ul a:hover li {
    color: #B6533F;

}

.reportage-btn {
    margin-left: 41%;
    margin-top: 5px;
    text-align: center;
    max-width: 200px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;

    transition: background-color 1s ease;

    z-index: 9999;
    width: 200px !important;
}

.reportage-btn:hover {
    background-color: #000;

    border: 1px solid #000;
}

.reportage-btn {
    margin-left: 41%;
    margin-top: 5px;
    text-align: center;
    max-width: 200px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;

    transition: background-color 1s ease;

    z-index: 9997;
    width: 200px !important;
}

.reportage-btn:hover {
    background-color: #000;

    border: 1px solid #000;
}

/*!* Slider *!*/
/*.slick-slider {*/
    /*position: relative;*/

    /*display: block;*/
    /*box-sizing: border-box;*/

    /*-webkit-user-select: none;*/
    /*-moz-user-select: none;*/
    /*-ms-user-select: none;*/
    /*user-select: none;*/

    /*-webkit-touch-callout: none;*/
    /*-khtml-user-select: none;*/
    /*-ms-touch-action: pan-y;*/
    /*touch-action: pan-y;*/
    /*-webkit-tap-highlight-color: transparent;*/
/*}*/

/*.slick-list {*/
    /*position: relative;*/

    /*display: block;*/
    /*overflow: hidden;*/

    /*margin: 0;*/
    /*padding: 0;*/
/*}*/

/*.slick-list:focus {*/
    /*outline: none;*/
/*}*/

/*.slick-list.dragging {*/
    /*cursor: pointer;*/
    /*cursor: hand;*/
/*}*/

/*.slick-slider .slick-track,*/
/*.slick-slider .slick-list {*/
    /*-webkit-transform: translate3d(0, 0, 0);*/
    /*-moz-transform: translate3d(0, 0, 0);*/
    /*-ms-transform: translate3d(0, 0, 0);*/
    /*-o-transform: translate3d(0, 0, 0);*/
    /*transform: translate3d(0, 0, 0);*/
/*}*/

/*.slick-track {*/
    /*position: relative;*/
    /*top: 0;*/
    /*left: 0;*/

    /*display: block;*/
    /*margin-left: auto;*/
    /*margin-right: auto;*/
/*}*/

/*.slick-track:before,*/
/*.slick-track:after {*/
    /*display: table;*/

    /*content: '';*/
/*}*/

/*.slick-track:after {*/
    /*clear: both;*/
/*}*/

/*.slick-loading .slick-track {*/
    /*visibility: hidden;*/
/*}*/

/*.slick-slide {*/
    /*display: none;*/
    /*float: left;*/

    /*height: 100%;*/
    /*min-height: 1px;*/
/*}*/

/*[dir='rtl'] .slick-slide {*/
    /*float: right;*/
/*}*/

/*.slick-slide img {*/
    /*display: block;*/
/*}*/

/*.slick-slide.slick-loading img {*/
    /*display: none;*/
/*}*/

/*.slick-slide.dragging img {*/
    /*pointer-events: none;*/
/*}*/

/*.slick-initialized .slick-slide {*/
    /*display: block;*/
/*}*/

/*.slick-loading .slick-slide {*/
    /*visibility: hidden;*/
/*}*/

/*.slick-vertical .slick-slide {*/
    /*display: block;*/

    /*height: auto;*/

    /*border: 1px solid transparent;*/
/*}*/

/*.slick-arrow.slick-hidden {*/
    /*display: none;*/
/*}*/

/*@charset 'UTF-8';*/
/*!* Slider *!*/
/*.slick-loading .slick-list {*/
    /*background: #fff url('/ajax-loader.gif') center center no-repeat;*/
/*}*/

/*!* Icons *!*/
/*@font-face {*/
    /*font-family: 'slick';*/
    /*font-weight: normal;*/
    /*font-style: normal;*/

    /*src: url('/fonts/slick.eot');*/
    /*src: url('/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');*/
/*}*/

/* Arrows */
/*.slick-prev,*/
/*.slick-next {*/
    /*font-size: 0;*/
    /*line-height: 0;*/

    /*position: absolute;*/
    /*top: 50%;*/

    /*display: block;*/

    /*width: 20px;*/
    /*height: 20px;*/
    /*padding: 0;*/
    /*-webkit-transform: translate(0, -50%);*/
    /*-ms-transform: translate(0, -50%);*/
    /*transform: translate(0, -50%);*/

    /*cursor: pointer;*/

    /*color: transparent;*/
    /*border: none;*/
    /*outline: none;*/
    /*background: transparent;*/
/*}*/

/*.slick-prev:hover,*/
/*.slick-prev:focus,*/
/*.slick-next:hover,*/
/*.slick-next:focus {*/
    /*color: transparent;*/
    /*outline: none;*/
    /*background: transparent;*/
/*}*/

/*.slick-prev:hover:before,*/
/*.slick-prev:focus:before,*/
/*.slick-next:hover:before,*/
/*.slick-next:focus:before {*/
    /*opacity: 1;*/
/*}*/

/*.slick-prev.slick-disabled:before,*/
/*.slick-next.slick-disabled:before {*/
    /*opacity: .25;*/
/*}*/

/*.slick-prev:before,*/
/*.slick-next:before {*/
    /*font-family: 'slick';*/
    /*font-size: 20px;*/
    /*line-height: 1;*/

    /*opacity: .75;*/
    /*color: white;*/

    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.slick-prev {*/
    /*left: -25px;*/
/*}*/

/*[dir='rtl'] .slick-prev {*/
    /*right: -25px;*/
    /*left: auto;*/
/*}*/

/*.slick-prev:before {*/
    /*content: '←';*/
/*}*/

/*[dir='rtl'] .slick-prev:before {*/
    /*content: '→';*/
/*}*/

/*.slick-next {*/
    /*right: -25px;*/
/*}*/

/*[dir='rtl'] .slick-next {*/
    /*right: auto;*/
    /*left: -25px;*/
/*}*/

/*.slick-next:before {*/
    /*content: '→';*/
/*}*/

/*[dir='rtl'] .slick-next:before {*/
    /*content: '←';*/
/*}*/

/*!* Dots *!*/
/*.slick-dotted.slick-slider {*/
    /*margin-bottom: 30px;*/
/*}*/

/*.slick-dots {*/
    /*position: absolute;*/
    /*bottom: -25px;*/

    /*display: block;*/

    /*width: 100%;*/
    /*padding: 0;*/
    /*margin: 0;*/

    /*list-style: none;*/

    /*text-align: center;*/
/*}*/

/*.slick-dots li {*/
    /*position: relative;*/

    /*display: inline-block;*/

    /*width: 20px;*/
    /*height: 20px;*/
    /*margin: 0 5px;*/
    /*padding: 0;*/

    /*cursor: pointer;*/
/*}*/

/*.slick-dots li button {*/
    /*font-size: 0;*/
    /*line-height: 0;*/

    /*display: block;*/

    /*width: 20px;*/
    /*height: 20px;*/
    /*padding: 5px;*/

    /*cursor: pointer;*/

    /*color: transparent;*/
    /*border: 0;*/
    /*outline: none;*/
    /*background: transparent;*/
/*}*/

/*.slick-dots li button:hover,*/
/*.slick-dots li button:focus {*/
    /*outline: none;*/
/*}*/

/*.slick-dots li button:hover:before,*/
/*.slick-dots li button:focus:before {*/
    /*opacity: 1;*/
/*}*/

/*.slick-dots li button:before {*/
    /*font-family: 'slick';*/
    /*font-size: 6px;*/
    /*line-height: 20px;*/

    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/

    /*width: 20px;*/
    /*height: 20px;*/

    /*content: '•';*/
    /*text-align: center;*/

    /*opacity: .25;*/
    /*color: black;*/

    /*-webkit-font-smoothing: antialiased;*/
    /*-moz-osx-font-smoothing: grayscale;*/
/*}*/

/*.slick-dots li.slick-active button:before {*/
    /*opacity: .75;*/
    /*color: black;*/
/*}*/

.flickity-prev-next-button:disabled {
    display: none;
}

.flickity-button {
    background: transparent !important;
}
/* big previous & next buttons */
.flickity-prev-next-button {
    width: 100px;
    height: 100px;
}
/* icon color */
.flickity-button-icon {
    fill: white;
}
/* hide disabled button */
.flickity-button:disabled {
    display: none;
}

.btn-btm{
    position: absolute;
    bottom: 0;
}


.fs20{
    font-size: 20px;
}

.fs12{
    font-size: 12px;
}

.search-name-count{
    font-size: 16px;
    color: #707070;
}

.tagcloud{
    margin: 40px;
    font-weight: 400;
    line-height:70px;
    font-size: 26px;
    color: #707070;
    white-space: nowrap;
}

.tagcloud:hover{
    /*font-weight: 700;*/
    color: #272727;
}


/* Dropdown Button */
.dropbtn {
    /*background-color: #3498DB;*/
    color: #272727;

    /*padding: 20px;*/
    font-size: 13px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    cursor: pointer;
    border: 1px solid #000;
    text-transform: uppercase;
    border-radius: 3px;
    margin-left: 50px;
    /*padding-top: 12px;*/
    /*padding-bottom: 12px;*/
    padding-right: 55px;
    padding-left: 15px;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    /*background-color: #2980B9;*/
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    margin-top: auto;
    margin-bottom: auto;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    margin-left: 50px;
    display: none;
    position: absolute;
    background-color: white;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

.bg--dark .dropdown-content2{
    background-color: #303030;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
    /*margin-left: 50px;*/
    display: none;
    position: absolute;
    background-color: white;
    /*min-width: 160px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 9999;
}

.dropdown-content2 a {
    color: #272727;
    padding: 5px 16px 0 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: normal;
}

/* Change color of dropdown links on hover */
.dropdown-content2 a:hover {
    font-weight: bold;
    color: #272727;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: #272727;
    padding: 5px 16px 0 10px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    font-weight: normal;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    font-weight: bold;
    color: #272727;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.dropdown-content table{
    border: none;
    text-align: left;
    /*border-collapse: collapse;*/
}

.dropdown-content td, .dropdown-content tr{
    padding: 1px 0;
}

.dropdown-content tbody td {
    font-size: 12px;
    min-width: 180px;
}


.autocomplete-suggestion{
    cursor: pointer;
    padding-left: 15px;
    font-size: 14px;
}

.autocomplete-suggestion:hover{
    background-color: #D3D3D3;
}


.home-slider-media {
    background-size: cover;
    background-position: center center;
    min-height: 10em;
    height: 80vh;
    padding-bottom: 5%;
    will-change: transform;
    content: "";
    display: block;
}

.text-a{
    color: #666666;
    font-weight: normal;
    text-transform: capitalize;
    font-size: 12px;
}

.text-a:hover{
    color: #666666;
    font-weight: bold;
}

.home_wm
{
    bottom: 0;
    z-index: 1000;!important;
    right: 0;
    display: block;!important;
    position: absolute;
}


.item-detail-image-arrow{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    /*background-color: #141414;*/


    cursor: pointer;
    color: #A0A0A0;

}

.item-detail-image-arrow i{
    font-size: 34px;!important;
}

.coche-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #efe9df;
    position: absolute;
    top: 0px;
    left: 45%;
    margin: 0 auto;


}

.supremecontainer {
    background: transparent;
    width: 360px;
    max-height: 400px;
    padding: 10px;
    margin-bottom: 0px;
}

.infoboxcontainer {
    margin-top: 50px;
    border-radius: 6px;
    background-color: #fff;
    width: 320px;
    height: 250px;
    -webkit-box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 8px -2px rgba(0, 0, 0, 0.75);

}

.infoboxprofilimg {
    border-radius: 65px;
    width: 65px;
    height: 65px;
    border: 5px solid #fff;
    margin-top: -25px;

    transition: width 0.5s ease,
    height 0.5s ease;
}

.infoboxprofilimg:hover {
    width: 85px;
    height: 85px;
}

.infoboximgs {
    width: 60px;
    height: 60px;
    margin-bottom: 0;
    display: inline-block;
    opacity: 1;
    transition: opacity 0.5s ease;
}

.infoboximgs:hover {
    opacity: 0.7;

}

.gm-style-iw {
    background-color: transparent;
    margin: 0;
    top: 15px !important;
}

.infoboxa:hover {
    color: #272727;

}

.label-map label {
    /*width: 90%;*/
    /*display: inline-block;*/
    font-size: 14px;
    font-family: 'Merriweather', 'Georgia', serif;
}

.label-map{
    /*display: inline-block;*/
}

.input-map{
    display: flex;
}

.input-map input {
    width: auto;
    margin-right: 15px;
    /*display: inline-block;*/
    height: 25px;
}



.btn-login {
    margin-top: 20px;
}

.btn-login span {
    cursor: pointer;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    width: 150px;
    border-radius: 3px;
    background-color: #fff;
    color: #272727;
    border: 1px solid #000;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 400;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    display: inline;
}

.btn-login span:hover {
    background-color: #272727;
    color: #fff;
}

#map {
    min-height: 92vh;
    margin-left: 250px;
}

.menu-map {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 250px;
    background-color: #efe9df;
    z-index: 999;
}

.menu-map-container {
    position: relative;
    margin-top: 80px;
    padding: 20px;
}

.menu-map-footer {
    position: absolute;
    width: 100%;

    bottom: 0;
    left: 0;

    text-align: center;

}

.menu-map-footer-bgred {
    width: 100%;
    color: #fff;
    padding: 10px;
    background-color: #6B393F;
    position: relative;
}

.map-label{
    text-transform: uppercase;
    color: #3E3D40;
    font-size: 13px;
    float: left;
    font-weight: 600;
}

.map-select{
    margin-bottom: 10px;
}

.map-big-label{
    color: #6B393F;
    font-size: 18px;
    font-weight: 600;
}

.map-btn{
    /*padding-left: 10px;!important;*/
    /*padding-right: 10px;!important;*/
    padding: 2px 10px;
    text-transform: uppercase;
    font-size: 12px;
}

.map-hp{
    font-size: 18px;
    padding-top: 7px;

    font-family: 'Montserrat', 'Georgia', sans-serif;
}

.map-hp-cnt{
    font-size: 30px;
    padding-top: 7px;
    font-family: 'Montserrat', 'Georgia', sans-serif;
    text-align: left;
    font-weight: bold;
    margin-bottom: 0;
}

.map-hp2{
    font-size: 23px;
    padding-top: 7px;
    text-align: left;
    font-family: 'Montserrat', 'Georgia', sans-serif;
}

.text-semibold{
    font-weight: 500;
}


.text-bold{
    font-weight: 600;
}


.galerie-header p{
    font-size: 17px;
    font-family: 'Merriweather', 'Georgia', serif;
    font-weight: 400;
    color: #707070;
}

.galerie-img-center{
    margin-left: auto;
    margin-right: auto;
    border: 18px solid #848484;
    /*border-radius: 10px;*/
    box-shadow: 0 23px 40px rgba(0, 0, 0, 0.2);

}

.galerie-img{
    margin-left: auto;
    margin-right: auto;
    border: 18px solid #848484;
    /*border-radius: 10px;*/
}

#cartselect{
    color: #B6533F;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.map-photographe{
    cursor: pointer;
}


.map-photographe:hover{
    font-weight: bold;
}

.close2:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.close2{
    position: absolute;
    right: 20px;
    top: 20px;
    /*color: #272727;*/
    /*font-size: 12px;*/
    font-weight: bold;
}

input.btn-back {
    cursor: pointer;
    margin: 0 30px 0 30px;
    width: 200px;
    border-radius: 3px;
    color: white;
    /*background-color: #3581C5;*/
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 12px;
    transition: color 1s ease;
    transition: background-color 1s ease;
    z-index: 9999;
    font-weight: bold;

}

input.btn-ok {
    cursor: pointer;
    /*margin: 0 30px 0 30px;*/
    width: 20px;
    margin: 0;
    border-radius: 3px;

    /*background-color: #3581C5;*/
    text-transform: uppercase;
    z-index: 9999;
    font-weight: bold;
}

/*iframe{*/
    /*display: none;*/
/*}*/

.form_field-input input[type='checkbox']{
    width : 22px;
    vertical-align: middle;
}

label {
    font-size: 1em;
    color: #272727;
}

#emailto::-webkit-input-placeholder {
    font-style: italic;
}
#emailto:-moz-placeholder {
    font-style: italic;
}
#emailto::-moz-placeholder {
    font-style: italic;
}
#emailto:-ms-input-placeholder {
    font-style: italic;
}


.label-map label {
    margin-right: 5px;
}

.sharetable td{
    padding: 0;
}

.sharetable tr{
    border: none !important;
}

.btn-share{
    outline: none;
    background: #4a90e2;
    -webkit-appearance: button;
    align-items: flex-start;
    text-align: center;
    cursor: default;
    user-select: none;
    white-space: pre;
}

.tooltipp {
    margin-top: -22px;
    position: absolute;
    display: inline-block;
    left: 85%;
    margin-right: 0;
}

.tooltipp .tooltipptext {
    visibility: hidden;
    width: 32em;
    background-color: #ffffff;
    color: #272727;
    text-align: left;
    border-radius: 3px;
    padding: 4px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -42%;
    margin-left: -16em;
    opacity: 0;
    transition: opacity 0.3s;
    border: 1px #555;

    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 6em;
    font-size: 12px;
    line-height: 17px;
    font-weight: 500;
}

.tooltipp .tooltipptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltipp:hover .tooltipptext {
    visibility: visible;
    opacity: 1;
}



input[type="checkbox"], input[type="radio"]{
    height: auto;
}


.btn-searchnext {
    margin: auto;
    text-align: center;
    font-size: 20px;
    font-weight: 600;


    padding-top: 21px;
    padding-right: 31px;
    padding-left: 31px;
    padding-bottom: 21px;
    border: 2px solid #707070;
    border-radius: 3px;
    text-transform: uppercase;
    text-decoration: none;
    color: #707070;
    background-color: transparent;
    transition: background-color 0.5s ease;
    cursor: pointer;
}



.btn-searchnext:hover{
    color: #707070;
}

a[disabled]{
    pointer-events: none;
    cursor: default;
    opacity: 0.4;
}

.icon-zoom:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: transform 1s;
    -moz-transition: transform 1s;
    -ms-transition: transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
}

.no-border{
    border: none !important;
}

.cc-banner .cc-message{
    text-align: center;
}



.cc-link:hover{
    font-weight: normal !important;
}

.modal-content{
    padding: 40px;
}

.modal-title{
    margin: auto;
}

.flag-icon.flag-icon-lg{
    width: 2em;
    line-height: 2.5em;
}

.modal-dialog.modal-full{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    z-index: 9000;
    max-width: 100%;
    height: 100%;
}
.ol_countries{
    column-count: 1;
    list-style-type: none;
    width: 100%;
}

.span_country{
    margin-left: 5px;
}

@media screen and (min-width: 768px){
    .ol_countries{
        column-count: 2;
        list-style-type: none;
        width: 100%;
    }
}

@media screen and (min-width: 1024px){
    .ol_countries{
        column-count: 3;
        list-style-type: none;
        width: 100%;
    }
}

.li_countries{
    margin: 0 !important;
}

@media (min-width: 992px) {
    .modal-xl {
        max-width: 1024px;
    }
}