body {font-family:'Barlow', sans-serif;}
h1 {color:#42360896;font-family:'Barlow',sans-serif, serif;line-height:100%; margin-bottom:20px;}
h1.plateform {font-family:'Barlow',sans-serif;}
h2 {color:#9b821b;font-family:'Barlow', sans-serif;margin-bottom:20px;}
h3 {font-size:1.5rem;font-family:'Roboto Slab', serif;margin-top:0;}
h4 {text-transform: uppercase;font-size: 1.28rem; margin-top:0;font-weight:600;}
h5 {text-transform: uppercase;font-size: 1.18rem; margin-top:0;color:rgba(0,0,0,.5);}

hr {margin-top:10px;margin-bottom:20px;height:0px;background-color:rgba(0,0,0,.5);}

p {color:#4a4a4a;}
p b {font-weight:600;}
p string {font-weight:600;}

a {color:#000000;}
a.link {font-weight:bold;}
a.link:hover {border-bottom:1px solid #9b821b;color:#9b821b;}

p.border {border:1px solid rgba(0,0,0,.4)!important;padding:10px!important;}


.accroche-h1 {font-size:1.8rem;font-family:'Roboto Slab', serif;line-height:105%;color:#000;margin-bottom:30px;}
.accroche-h2 {font-size:1.5rem;font-family:'Roboto Slab', serif;line-height:105%;color:#3e3e3e;margin-top:-15px;margin-bottom:20px;}

@media only screen and (max-width: 600px)
{
    h1 {font-size:3rem;}
    .accroche-h1 {font-size:1.6rem;}
}



/***************************/
/*** HEADER
/***************************/


nav {box-shadow: none;}

.main-header {box-shadow:none;}
.main-header .menu a {color:#000000;}

#user-nav {display:none;}



.menu-lang  {margin-left:10px;margin-right:10px;}
.menu-lang a  {text-decoration: underline;}

.main-header .sidenav-trigger {top:0;}

.pk-brand-logo-container img  {height:100%;width:auto;}
.sidenav {left:auto;right:-20px;trasform:transformX(105%);visibility: hidden;background-color:#000000;min-width:350px;}

#mobile-menu li.header {border:none;padding-top:0;}
#mobile-menu li.header > a {color:#FFF;font-family:'Roboto Slab', serif;font-size:2.1rem;}
#mobile-menu li.second-item {height:25px;}
#mobile-menu li.second-item:first-child {margin-top:20px;}
#mobile-menu li.second-item > a {line-height:100%;font-size:1.2rem;color:#FFF;font-family:'Roboto Slab', serif;height:auto;display:inline;}
#mobile-menu li > a:hover {border-bottom:1px solid #d3b91c;color:#d3b91c;display:inline;}
#mobile-menu .close-icone {position:absolute;top:0;right:20px;padding:10px;color:#FFF;}

#mobile-menu {padding:20px!important;}
#mobile-menu a {padding:0;}
.sidenav li {line-height:100%;}


.main-header .menu li.pk-selected a {text-decoration: underline;color:#68510e;font-weight:600;}
#mobile-menu .divider {max-width:150px!important;margin-top:20px;margin-bottom:20px;}

@media only screen and (max-width: 992px)
{
    .pk-brand-logo-container {width:100%;padding:0;text-align:center;}
    .main-header .brand-logo {margin:0;padding:0;display:inline-block;}
    .main-header .brand-logo img {height:50px;width:auto;margin-top:10px;}
    .main-header .sidenav-trigger {top:10px;right:10px;left:auto;}
}


.social-menu svg  {width:25px;height:auto;}
.social-menu svg * {fill:#FFFFFF;}
.social-menu a {display:inline!important;}
.social-menu a:hover {border:none!important;text-decoration:none;}
.social-menu a:hover svg * {fill:#68510e;}

.actu .social-menu a svg * {fill:#68510e;}
.actu .social-menu a:hover svg * {fill:#000;}

/***************************/
/*** FOOTER
/***************************/

.page-footer {background-color:#212121;}
.page-footer a {color: rgba(255,255,255,.6);}
.page-footer a:hover {text-decoration: underline;}
.page-footer b {color:rgba(255,255,255,.8);font-weight:600;}
.page-footer p {color:rgba(255,255,255,.4);}
.page-footer .credit a {font-size:14px;color:rgba(255,255,255,.4);}
.page-footer hr{
  height: 1px;
  margin: 0
  padding: 0;
  color: #FFF;
  background-color: #FFF;
  border: 0;
}

.page-footer .section .pk-section-content {padding-bottom:30px;}
.page-footer .section .pk-section-content:last-child {padding-bottom:30px;}
/*.page-footer li {float:left;}*/

.page-footer h4 {color:rgba(255,255,255,.3);}


/***************************/
/*** CONTENU
/***************************/

.pk-main {padding-bottom:0px;}
.section
{
    border-bottom:1px solid #c3c3c3;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size:100%;
}

.section:last-child .pk-section-content {padding-bottom:100px;}

.bg_marbre
{
    background-image:
    linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,255,0)),
    url("/img/plateform/bg_marbre.png");

}

.bg_tree
{
    background-image:
    linear-gradient(to bottom, rgba(255,255,255,1), rgba(255,255,0,0)),
    url("/img/plateform/bg_tree.png");
    padding-bottom:100px;
}

.bg_tree2
{
    background-image:
    linear-gradient(to bottom, rgba(255,255,255,1), rgba(169,136,105,.2)),
    url("/img/plateform/bg_tree2.png");
    padding-bottom:100px;
}


.bg-contact
{
    background-image: linear-gradient(to bottom,rgba(230,230,230,1), rgba(255,255,255,.7) 60%),
    url("/img/plateform/bg_tree.png");
}

.bg-beton
{
    background-image: linear-gradient(to bottom,rgba(255,255,255,1), rgba(255,255,255,.7) 60%),
    url("/img/plateform/bg_beton.png");
}

.bg-beton-accueil
{
    background-image: linear-gradient(to bottom,rgba(255,255,255,1), rgba(255,255,255,.2) 60%),
    url("/img/plateform/bg_beton.jpg");
}

@media only screen and (max-width: 600px)
{
    .bg-beton-accueil {background-image: linear-gradient(to bottom,rgba(255,255,255,1), rgba(255,255,255,.2) 80%),
    url("/img/plateform/bg_beton_mobile.jpg");}
}



/** STUDIO **/

.bloc-carac h4 {border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:10px;}







/** UI **/
/** https://spin.atomicobject.com/2015/07/14/css-responsive-square/ **/

.round-thumbnail
{
    position: relative;
    width: 100%;
    border : 1px solid #4a4a4a;
    border-radius:100%;
    display:block;
    overflow:hidden;
    box-shadow: 0 0 5px 2px #0000008f;
}

.round-thumbnail:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.round-thumbnail .inner
{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.round-thumbnail .inner img {width:100%;padding:0!important;}

/** HOME SLIDER **/
.home-slider {margin-bottom:70px;}
.home-slider .lp-slides  {margin:auto;width:630px;height:300px;}

.home-slider .lp-slides li:first-child {margin-right:15px;}
.home-slider .lp-slides li:last-child {margin-left:15px;}
.home-slider .lp-slide {width:300px;height:340px;float :left;}
.home-slider .lp-slide a {font-size:15px;font-weight:600;text-transform:uppercase;}

.home-slider .lp-slider-label {width:630px;margin:auto;}
.home-slider .lp-slider-label p {display:inline-block;width:50%;float:left;}

.home-slider .lp-slides li > a
{
    position:relative;width:300px;height:300px;
    display: block; border-radius: 100%;overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);/** pour safari **/
    border:1px solid rgba(0,0,0,.3);
    background-color:rgba(255,255,255,.3);
}

.home-slider .lp-slides img
{
    width:100%;height:auto;position:absolute;top:0;left:0;opacity:0;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
}

@media only screen and (min-height:750px) and (min-width:1200px)
{
    .home-slider .lp-slides  {margin:auto;width:830px;height:400px;}
    .home-slider .lp-slides li > a {width:400px;height:400px;}
    .home-slider .lp-slide {width:400px;height:400px;}
}

@media only screen and (max-width: 768px)
{
   .home-slider .lp-slides  {margin:auto;width:530px;height:250px;}
   .home-slider .lp-slides li > a {width:250px;height:250px;}
   .home-slider .lp-slide {width:250px;height:250px;}
}

@media only screen and (max-width: 600px)
{
    .home-slider .lp-slides  {margin:auto;width:250px;height:auto;}
    .home-slider .lp-slider-label {width:100%;margin:auto;}
    .home-slider .lp-slide {width:250px;height:300px;}
    .home-slider .lp-slides li:first-child {margin:0;}
    .home-slider .lp-slides li:last-child {margin:0;}
}


.progress
{
    background-color:rgba(0,0,0,.5);
    height:2px;
}

.progress .indeterminate {background-color:#9b821b;}








.btn, .btn-large, .btn-small
{
    background-color:#FFF;
    border-radius:36px;
    color:#000;
    border:1px solid #000;
}

.btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus
{
    background-color:#FFF;
}


.center p {text-align:center!important;}
.center h1 {text-align:center!important;}


/** DECO **/

.deco-list
.deco-item {width:25%;height:200px;background-color:#FF0000;float:left;padding:10px;}
.deco-item .inner {height:100%;width:100%;}

.deco .select-wrapper {display:inline-block;width:300px;margin-left:20px;}


/**********************************/
/*** UI
/**********************************/

.btn-floating {border-color: rgba(0,0,0,.1);background-color:#FFFFFF;}
.btn-floating:hover {border-color:#9b821b;color: #9b821b;background-color: #FFFFFF;box-shadow: none;}
.btn-floating .material-icons {color:#000;}
.btn-floating:hover .material-icons {color:#9b821b;}


.btn {box-shadow: none;border-color:rgba(0,0,0,.1);}
.btn:hover {border-color:#9b821b;color:#9b821b;background-color:#FFFFFF;box-shadow: none;}
.nav-breadcrumb a:hover {text-decoration:underline;color:#9b821b;}

.newsletter-input {display:inline-block;margin:auto;width:350px;height:42px;position:relative;max-width:100%;}
.newsletter input[type=text]:not(.browser-default)
{
    border : 1px solid #000000;
    padding-left:20px;
    padding-right:40px;
    height:42px;
    border-radius:21px;
    max-width:350px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;
    box-shadow: none;
}

.newsletter input[type=text]:not(.browser-default):focus:not([readonly])
{
    border-color:#000;
    box-shadow: none;
}


.newsletter .input-valid
{
    position:absolute;
    right:3px;top:3px;
    width:36px;height:36px;
    background-color:rgba(0,0,0,0);
    border-radius:18px;
    text-align:center;color:#000;
}

.newsletter .input-valid:hover {background-color:rgba(0,0,0,1);color:#FFF;}
.newsletter .input-valid i {line-height:36px;width:100%;}
.newsletter .message {font-weight:bold;color:#9b821b;}

.progress {background-color:#CCCCCC;}


.slider .indicators .indicator-item {background-color:#FFFFFF;border:1px solid rgba(0,0,0,.1);}
.slider .indicators .indicator-item.active {background-color:#d3b91c;border-color:#514d09;}
.slider .indicators .indicator-item:hover {background-color:#685109;}



.dropdown-content li > a, .dropdown-content li > span {
    color: #685109;
}
.select-wrapper input.select-dropdown:focus {border-bottom-color:#9e9e9e;}


.carousel {margin-bottom:30px;}

.divider {background-color:rgba(255,255,255,.3);}

/**********************************/
/*** SECTIONS
/**********************************/


/** SECTION NEWSLETTER **/
.newsletter h2 {color:#000000;line-height:100%;}

/** SECTION CONTACT **/
.section.contact li i {position:absolute;color:#000;opacity:.3;}
.section.contact li p {padding-left:40px;line-height:110%;min-height:25px;padding-top:2px;font-weight:600;}
.section.contact li a:hover {color:#9b821b;border-bottom:1px solid #9b821b;}
.section.contact h3 {color:#685109;}

/** SECTION ACTUALITES **/
.actualite-item .round-thumbnail {max-width:120px;}
.actualite-item h3 {margin-bottom:5px;}
.actualite-item {margin-bottom:20px!important;}


.map
{
    height:500px;
    width:100%;
    background-color:rgba(0,0,0,.2);
}




@media only screen and (max-width: 600px)
{
   .section .pk-section-content {padding-left:10px;padding-right:10px;}
   .contact .map {margin-bottom:20px;height:400px;}
}


/**********************************/
/*** PAGE CONTENU
/**********************************/

.magazine .hr {margin-top:20px;margin-bottom:10px;}
.magazine .hr:last-child {display:none;}
.magazine h4 {display:inline-block;}

.magazine a h4 {border-bottom:1px solid transparent;text-decoration:none;}
.magazine a:hover h4 {border-bottom:1px solid #000;text-decoration:none;}
.magazine .article-item-list p {margin-bottom:20px;}


/*.tarifs .round-thumbnail {width:25%;margin:auto;margin-bottom:20px;}
.tarifs h2, .tarifs h4 {text-align:center;}
.tarifs p {text-align:center;}*/


/**********************************/
/*** OVERLAY
/**********************************/

.back-bar
{
    position:fixed;
    top:0px;left:0px;
    width:140px;
    height:100vh;
    background-color:#FF0000;
    z-index:10;
}

.content-overlay
{
    position:fixed;
    top:0px;
    /*right:calc(100vw - 140px);*/
    right:0px;
    width:calc(100vw - 140px);
    height:100%;
    background-color:#FF00FF;
    z-index:1000;
}

.materialboxed:hover:not(.active)
{
    opacity:1;
}


.video-section {position:relative;}
.video-section .video-content-container {position:absolute;bottom:0;right:0;padding:20px;}
.video-section .video-player-container video {width:100%;}