body {min-height: 101vh;}

/*       HEADER        */

header {position: fixed;background: white;border-bottom: white solid 30px !important;padding: 10px 5% 10px !important;width:90% !important; transition: all 0.3s;height:15px !important;}

nav.main_menu {padding: 0px 0 0 0 !important;}
nav.main_menu ul li a {letter-spacing: 0.7px;font-weight: 700;}
@-moz-document url-prefix() {
   nav.main_menu ul li a {font-weight: 700;}
}

#magic2 {top: 42px;margin: 0px 9px !important;background: repeating-linear-gradient(-90deg, #fff, #fff 18px, #000 0%, #000 100%) !important;}
.single nav.main_menu ul li:hover a {background-color: transparent;}

.logo img{width:75px;}
.logo {top:0px;}

.drop_down .second ul, .drop_down .second ul li ul {background: #fff !important;width: 80px;}
.drop_down .second ul li {width: 80px;}

.drop_down .second ul li a {text-align:center;padding:5px 0;}


@media (min-width: 961px) {

header.headersticky {height:120px !important ;} 
.headersticky nav.main_menu {padding-top: 40px !important;transition: all 0.5s;}
.headersticky #magic2 {top: 83px;transition: top 0.5s;}
.headersticky .logo {top: 10px; width: 180px;transition: all 0.5s;}
.headersticky .logo img { width: 180px;transition: width 0.5s;background:url(http://arborescence-concept.com/wp-content/uploads/2018/10/logo-transparence.png);}
.headersticky .logo a:after {content:' ';margin-top:13px;height: 36px;width: 180px;position: absolute;display: block;background: url(http://arborescence-concept.com/wp-content/uploads/2018/10/logo-only-text2.png) no-repeat;
transition: all 0.5s;background-size: contain;}

header.header-alt {height:15px !important;}
.header-alt nav.main_menu {padding-top: 0px !important;}
.header-alt #magic2 {top: 42px;}
.header-alt .logo {top: 0px; width: 75px;}
.header-alt .logo img { width: 75px;}
.header-alt .logo a:after { width: 75px;opacity:0;margin-top:-15px;height: 20px;}
}


/*       HOME        */

.content{padding: 0px 30px;}
.cbpw-fullWidth-force {top: 280px;margin-bottom: 150px;}
div#cbpw-grid2 {width: 100%;}

.cbp-l-filters-alignCenter {
    margin-bottom:0px;
    position: fixed;
    top: 58px;
    width: 100%; 
    background: #fff;
    padding-top: 36px;
    z-index: +9999;
}


#cbpw-filters2 .cbp-filter-counter {
    background-color: #000 !important;
    font-family: 'Montserrat',sans-serif !important;
    padding: 3px 0px 3px 0px !important;
    border-radius: 30px;
    width: 22px;
    height: 22px;
}
.cbp-l-filters-alignCenter .cbp-filter-counter:after {top: 21px;    border-color: #000 transparent !important;}
#cbpw-filters2 .cbp-filter-item.cbp-filter-item-active {font-weight: 600 !important;}
div#cbpw-filters2 {color: white;}

.cbp-l-filters-alignCenter .cbp-filter-item:hover .cbp-filter-counter {-webkit-transform: translateY(-25px);transform: translateY(-25px);}

#cbpw-grid2 .cbp-l-caption-title {letter-spacing: 3px;}

.home .content {
    margin-bottom: 200px !important;
}

/*       PAGE PROJET        */

.cbp-l-inline {margin: 0px 0;background: #fffeff; padding: 45px 30px !important;}

.cbp-l-inline-title {margin-top: 11px;}
.cbp-l-inline-subtitle {margin-top: 0px !important;margin-bottom: 15px;}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {height: 65px;background-color: #e2cea4 !important;}
.cbp-popup-singlePage-counter {font-family: Montserrat, sans-serif !important;}

.cbp-l-project-details-list {margin-bottom:30px;margin-top:40px;}
.cbp-l-inline-desc {margin-top: 0px;margin-bottom: 15px;}

.cbp-l-inline-right i.fas.fa-award {position: absolute;margin-left: -35px;margin-top: -50px;}

.single-projet .cbp-l-inline-right {width: 100%;}
.single-projet .cbp-l-inline-left {width: 100%;}

.single-projet {background-color: #fff;}


.cbp-popup-singlePage .cbp-popup-content, .single-projet .cbp-popup-singlePage {max-width: 50%;margin:100px auto;}
.cbp-l-project-container {width: 150%;margin-left: -25%;}

.cbp-l-project-title, .cbp-l-inline-title {font-family: Montserrat, sans-serif;font-size: 24px;color: #000;text-align: left;margin-bottom:0 !important;    text-transform: uppercase;}
.cbp-l-project-subtitle, .cbp-l-inline-subtitle {font-family: Montserrat, sans-serif;color: #000;font-size: 16px;text-align: left; max-width: 100%;text-transform: uppercase;font-weight: 500;}

.cbp-slider .cbp-nav-pagination {text-align: center;bottom: -35px; left: 50%;width: 200px;margin-left: -100px;}
.cbp-nav-pagination-item {width: 6px;height: 6px;}

.cbp-l-project-details-list>div, .cbp-l-project-details-list>li, .cbp-l-project-desc-title span, .cbp-l-project-details-title span {border: none !important;color: #000;font-family: Montserrat, sans-serif;text-transform: uppercase;font-size: 11px;line-height: 15px;margin-bottom: 8px;letter-spacing: 0.8px;}

.cbp-l-project-desc {width: 100%;}

.cbp-l-project-details {float: left;width: 50%;padding-left: 0px;padding-right: 20px;margin-top: -10px;}
.cbp-l-project-details-name {color: #000;font-weight: 500;min-width: 132px !important;}
.cbp-l-project-details-tags {font-weight: 700;}

.cbp-l-project-desc-text {width: 50%;float: left;margin-top: -12px;}
.cbp-l-project-desc-title {border-bottom: none;margin-bottom: 0px;color: #000;}
.cbp-l-project-desc-title span {font-weight:500;}
.cbp-l-project-desc-text p, .cbp-l-inline-desc p {text-transform: uppercase;font-weight: 500;font-size: 11px !important;font-weight: 700;color: #000;margin: 0px 0 10px 0;}

.footer_content {display: none;}
.newfooter {width: 100%;text-align: center;padding: 10px 0; bottom: 0px;}
.page-id-7 .newfooter  {position:fixed;}

.cbp-slider .cbp-nav-next:after, .cbp-slider .cbp-nav-prev:after{-webkit-transition: margin 0.3s ease;
-moz-transition: margin 0.2s ease;
-o-transition: margin 0.2s ease;
transition: margin 0.2s ease;} 
.cbp-slider .cbp-nav-prev {left: 0px;height: 100%;width:30%;}
.cbp-slider .cbp-nav-prev:after {margin-left: -35px;}
.cbp-slider .cbp-nav-prev:hover:after {margin-left: -40px;}
.cbp-slider .cbp-nav-next {right: 0px;height: 100%;width: 30%;}
.cbp-slider .cbp-nav-next:after {margin-right: -35px;}
.cbp-slider .cbp-nav-next:hover:after {margin-right: -40px;}

.cbp-popup-lightbox-title {display: none;}

.credit-photo {text-transform: uppercase;font-size: 8px;padding-left: 10px;width: fit-content;margin: auto;}
.credit-photo .cbp-l-project-details-name {min-width: 50px !important;font-weight: 600 !important;color: #969696 !important;}

.cbp-slider-item {
height: 50vh !important;
}

.cbp-item-wrapper {
display: flex;
flex-direction: column;
justify-content: center;
align-content: center;
}

.cbp-lightbox img {
border: solid 15px white;
max-height: 50vh;
width: auto;
align-content: center;
margin: auto;
}


/*       ABOUT US        */

.move_menu_separator {display: none;}
p {font-weight: 500;color: black;}
.page-id-2 .content_inner {margin-top: 120px;}
.page-id-2 h2 {text-align: center;text-transform: uppercase;font-style: normal;font-weight: 600;font-size: 35px;margin: 30px 0px 60px;letter-spacing: 2px;}

.page-id-2 h3 {text-transform: uppercase;font-style: normal;font-weight: 600;font-size: 16px;margin: 30px 0px 20px;line-height: 20px;}
h3::after {content: '';width: 70px;background: #e2cea4;height: 2px;position: absolute;left: 0px;margin-top: 26px;}
p a {font-style: normal;}

/*       TEAM        */

.vc-hoverbox-block-inner.vc-hoverbox-front-inner {margin-top: 290px;position: relative;width: 100%;}
.vc-hoverbox-wrapper.vc-hoverbox-align--center {margin-bottom: 30px;}
.vc-hoverbox-block-inner.vc-hoverbox-front-inner h2, .vc-hoverbox-back-inner h2 {font-size: 14px;margin: 10px 0;}

.vc-hoverbox-block.vc-hoverbox-front {border-radius: 300px;max-width: 200px;max-height: 200px; left: 50%;margin-left: -100px;}

.vc_toggle_size_md.vc_toggle_arrow .vc_toggle_icon {margin-left: -11px; left: 50%;}

/*       RESPONSIVE        */

@media only screen and (min-width: 960px) {
.cbp-l-inline-right {width: 50%;}
.cbp-l-inline-left {width: 50%;padding: 0 35px}
}

@media only screen and (max-width: 960px) {

.container {width: 100%;}
.logo {margin-top: -10px;}

.select {width: 100%;}
.selectnav {top: 9px;position: fixed;left: 0px;margin: 0;}
.selectnav span {width: 40px;background-color: transparent;}
.selectnav ul {background-color: #fff;padding: 10px 0 10px 0;top: 10px;}
.selectnav ul li a {padding: 15px 40px;text-transform: uppercase;font-weight: 600;}

.cbp-l-filters-alignCenter {width: 94%;left: 0px;margin-left: 3%;    top: -150px;position: absolute;padding-top:10px;}
.cbpw-fullWidth-force {top: 230px;}

.cbp-popup-singlePage-counter {right: 4%;}
.cbp-popup-singlePage .cbp-popup-content, .single-projet .cbp-popup-singlePage {max-width: 100%;margin: 77px auto;}
.cbp-l-project-container {width: 100%;margin-left: 0;}
.cbp-l-project-details, .cbp-l-project-desc-text {width: 100%;padding-right: 0px;}
.cbp-l-project-desc-text {margin-top: 20px;}

.footer_content {display: none;}

.vc-hoverbox-block.vc-hoverbox-front {max-width: 160px;max-height: 160px;margin-left: -80px;}
.vc-hoverbox-block-inner.vc-hoverbox-front-inner {margin-top: 230px; width: 200%; margin-left: -50%;}
.vc-hoverbox-wrapper.vc-hoverbox-align--center {margin-bottom: 10px;}
.vc-hoverbox-block-inner {padding: 10px;}

.cbp-l-project-details-name {max-width: 100px !important;}
.cbp-l-inline {padding: 15px;}
.cbp-slider .cbp-nav-next, .cbp-slider .cbp-nav-prev {display:none;}

.cbp-l-inline-right {margin-top:40px;}

.cbp-l-inline-right i.fas.fa-award {
    position: relative;
    margin-left: 0px;
    margin-top: 5px;
    width: 100%;
    text-align: center;
    margin-bottom: 0px !important;
}



.cbp-l-project-title, .cbp-l-inline-title {font-size: 20px;}
.cbp-l-project-subtitle, .cbp-l-inline-subtitle {font-size: 13px;}
}
;