/*
Theme Name: Monolit Child
Theme URI: https://demowp.cththemes.net/outdoor/
Author: Cththemes
Author URI: http://themeforest.net/user/cththemes/
Description: Monolit – Creative Responsive Architecture Wordpress Theme is perfect if you like a clean and modern design. This theme is ideal for architects, furniture designers, photographers, and those who need an easy, attractive and effective way to share their work with clients.
Version: 1.3
Tags: custom-background, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, translation-ready
Template: monolit
Text Domain: monolit-child
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
@import url("../monolit/style.css");

/* =Theme customization starts here
------------------------------------------------------- */

/****** MAP ******/
#the_map{position:relative; z-index:3; float:left; width:100%; margin:0; background:white;}
#the_map .vc_column_container>.vc_column-inner{padding:0;}
#the_map #close_map{display:none; opacity:0; z-index:4!important; visibility:hidden;}
#map{position:relative; z-index:5; float:left; width:100%; padding:0!important; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
#fiche_infos{position:relative; width:380px; background:white; margin:50px 50px 0 0; overflow:auto; opacity:0; z-index:4!important; visibility:hidden; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.35);}
#fiche_infos #close{position:absolute; z-index:10; top:15px; right:15px; background:rgba(255, 255, 255, .8); width:40px; height:40px; color:rgba(0, 0, 0, 0); padding:10px; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
#fiche_infos #close span{position:absolute; overflow:hidden; width:20px; height:3px; background:black; top:50%; left:50%; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
#fiche_infos #close span:first-child{transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
#fiche_infos #close span:last-child{transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
#fiche_infos #close:hover{background:rgba(230, 230, 230, .8);}
#fiche_infos #close:hover span:first-child{transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
#fiche_infos #close:hover span:last-child{transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
#fiche_infos .content{float:left; width:100%; padding:30px 25px; box-sizing:border-box; font-family:'Ubuntu', sans-serif;}
#fiche_infos .content::before{display:none;}
#fiche_infos .content p{font-size:16px; line-height:20px; margin:0;}
#fiche_infos .content p span{text-transform:uppercase;}
#fiche_infos .content .titre{padding:0 0 10px 0; font-size:24px; line-height:30px; font-weight:500;}
#fiche_infos .content .adresse{font-size:20px; line-height:26px; font-weight:500;}
#fiche_infos .content hr{border:none; border-top:2px solid #c3c3c3; margin:15px 0 25px 0;}
#fiche_infos .content .description{font-weight:700;}
#fiche_infos .content .moa{font-weight:700;}
#fiche_infos .content .moe{font-weight:400;}
#fiche_infos .content .montant{font-weight:700;}
#fiche_infos .content .duree{display:none;}
#fiche_infos .content .liv{font-weight:400;}
#fiche_infos .content .liv.masked{display:none;}
#fiche_infos .content .start{font-weight:400;}
#fiche_infos .content .start.masked{display:none;}
#fiche_infos img{float:left; width:100%; height:auto;}
#legend{position:relative; width:100%; background:rgba(255, 255, 255, .7); opacity:0; visibility:hidden;}
#legend.visible{opacity:1; visibility:visible; left:0!important;}
.page-template-page-baniti-project .vc_grid-item{display:inline-block !important;}
#legend ul{float:left; width:100%; box-sizing:border-box; text-align:right; padding:25px 75px;}
#legend ul li{display:inline-block; margin:25px 75px; font-family:'Roboto', sans-serif; text-transform:uppercase; font-size:16px;}
#legend ul li img{display:inline-block; vertical-align:middle;}
#legend ul li span{display:inline-block; vertical-align:middle; padding:10px 0 0 20px;}
#metrage{opacity:0; z-index:4!important; visibility:hidden; content: ''; position:absolute; display:block; top:0; height:100%; z-index:20; width:7px; left:42px; background-repeat:repeat-y; opacity:0.5; width:25px; background-image:url(images/bg-dec.png);}
#metrage.visible{opacity:1; visibility:visible; left:42px!important;}
#btn_show_map{display:none;}
.video-home{min-width: 100%; min-height: 100%; width: auto; height: auto; max-width:inherit;}
@media screen and (max-width:1036px) {
  #background-video{display:none;}
}

@media screen and (max-width:1270px) {
  #legend ul{padding:15px 40px;}
  #legend ul li{margin:20px 40px;}
}
@media screen and (max-width:1036px) {
  #metrage{display:none;}

}
@media screen and (max-width:990px) {
  #legend ul{padding:10px 30px 10px 20px;}
  #legend ul li{margin:5px 20px 15px 20px;}
}

@media screen and (max-height:850px) {
  #legend ul{padding:10px 20px;}
  #legend ul li{margin:5px 20px 15px 20px;}
  #legend ul li img{width:20px;}
}

@media screen and (max-width:930px) {
  /*#the_map { opacity:0;visibility:hidden; }*/
  #the_map #close_map{position:absolute; display:block; z-index:10; top:15px; right:15px; background:rgba(255, 255, 255, .8); color:rgba(0, 0, 0, 0); width:40px; height:40px; padding:10px; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
  #the_map #close_map.visible{opacity:1; visibility:visible; right:15px!important; top:95px!important;}
  .admin-bar #main #the_map #close_map.visible{top:135px!important;}
  #the_map #close_map span{position:absolute; overflow:hidden; width:20px; height:3px; background:black; top:50%; left:50%; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
  #the_map #close_map span:first-child{transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
  #the_map #close_map span:last-child{transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
  #the_map #close_map:hover{background:rgba(255, 255, 255, 1);}
  #the_map #close_map:hover span:first-child{transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
  #the_map #close_map:hover span:last-child{transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
  #the_map{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px; box-sizing:border-box;}
  #the_map.visible{z-index:99;}
  #the_map .vc_column_container{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
  #the_map .vc_column_container .vc_column-inner{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
  #the_map .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
  #the_map .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
  #the_map #map{position:fixed!important; z-index:-10; top:0; left:0; opacity:0; visibility:hidden;}
  #the_map #map #legend{display:none;}
  #the_map.visible #map{opacity:1; visibility:visible; box-sizing:border-box; z-index:10;}
  #the_map.visible #map #legend{display:block;}
  #btn_show_map{position:relative; cursor:pointer; text-transform:uppercase; color:#00519D; font-size:14px; border:1px solid #00519D; padding:12px 23px; line-height:17px; font-weight:700; letter-spacing:1px; text-align:center; display:inline-block; text-align:center; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
  #btn_show_map::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#00519D; z-index:-1; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
  #btn_show_map:hover{color:white;}
  #btn_show_map:hover::before{width:100%;}

  #fiche_infos{position:absolute; top:80px!important; left:0!important; max-height:100%!important; width:100%; height:calc(100% - 80px); margin:0; z-index:5!important;}

  #legend ul{padding:10px 5%;}
  #legend ul li{float:left; width:30%; margin:5px 0; text-align:center; font-size:12px;}
  #legend ul li:nth-child(2){margin:5px 5%;}
  #legend ul li img{display:inline-block; vertical-align:middle; width:20px;}
  #legend ul li span{display:block; vertical-align:middle; padding:10px 0;}
}

@media screen and (max-width:600px) {
  .admin-bar #main #the_map #close_map.visible{top:95px!important;}
}


#references{z-index:90;}
@media screen and (max-width:1036px) {
  .content-footer{z-index:90;}
}

@media (max-width: 600px) {
  .content-footer{ display:none; }
}

.mobile #the_map #close_map{position:absolute; display:block; z-index:10; top:15px; right:15px; background:rgba(255, 255, 255, .8); width:40px; height:40px; padding:10px; cursor:pointer; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
.mobile #the_map #close_map.visible{opacity:1; visibility:visible; right:15px!important; top:95px!important;}
.mobile #the_map #close_map span{position:absolute; overflow:hidden; width:20px; height:3px; background:black; top:50%; left:50%; transition:.3s all ease-in-out; -webkit-transition:.3s all ease-in-out;}
.mobile #the_map #close_map span:first-child{transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
.mobile #the_map #close_map span:last-child{transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
.mobile #the_map #close_map:hover{background:rgba(255, 255, 255, 1);}
.mobile #the_map #close_map:hover span:first-child{transform:translate(-50%, -50%) rotate(-45deg); -webkit-transform:translate(-50%, -50%) rotate(-45deg);}
.mobile #the_map #close_map:hover span:last-child{transform:translate(-50%, -50%) rotate(45deg); -webkit-transform:translate(-50%, -50%) rotate(45deg);}
.mobile #the_map{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px; box-sizing:border-box;}
.mobile #the_map.visible{z-index:99;}
.mobile #the_map .vc_column_container{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
.mobile #the_map .vc_column_container .vc_column-inner{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
.mobile #the_map .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
.mobile #the_map .vc_column_container .vc_column-inner .wpb_wrapper .wpb_text_column .wpb_wrapper{position:relative; float:left; width:100%; margin:0; padding:0; text-align:center; max-height:70px;}
.mobile #map{position:fixed!important; z-index:10; top:0; left:0; opacity:0; visibility:hidden;}
.mobile #the_map.visible #map{opacity:1; visibility:visible; box-sizing:border-box;}
.mobile #btn_show_map{position:relative; cursor:pointer; text-transform:uppercase; color:#00519D; font-size:14px; border:1px solid #00519D; padding:12px 23px; line-height:17px; font-weight:700; letter-spacing:1px; text-align:center; display:inline-block; text-align:center; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
.mobile #btn_show_map::before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#00519D; z-index:-1; transition:.2s all ease-in-out; -webkit-transition:.2s all ease-in-out;}
.mobile #btn_show_map:hover{color:white;}
.mobile #btn_show_map:hover::before{width:100%;}
.mobile #the_map .gmnoprint{z-index:20;}


.vc_tta-panels-container{z-index:90;}
.vc_tta-panels-container a{z-index:90;}

.mobile #fiche_infos{position:absolute; top:80px!important; left:0!important; max-height:100%!important; width:100%; height:calc(100% - 80px); margin:0; z-index:5!important;}

.mobile #legend ul{padding:10px 5%;}
.mobile #legend ul li{float:left; width:30%; margin:5px 0; text-align:center; font-size:12px;}
.mobile #legend ul li:nth-child(2){margin:5px 5%;}
.mobile #legend ul li img{display:inline-block; vertical-align:middle; width:20px;}
.mobile #legend ul li span{display:block; vertical-align:middle; padding:10px 0;}



.time05{-webkit-animation-duration:.5s; animation-duration:.5s; -webkit-animation-fill-mode: both; animation-fill-mode:both;}
.open3D {-webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:open3D; animation-name:open3D; animation-timing-function:ease-out; -webkit-animation-timing-function:ease-out;}
@-webkit-keyframes open3D {
    0% {-webkit-transform:translate(50%, 0); opacity:0; visibility:hidden;}
    100% {-webkit-transform:translate(0, 0); opacity:1; visibility:visible;}
}
@keyframes open3D {
    0% {transform:translate(50%, 0); opacity:0; visibility:hidden;}
    100% {transform:translate(0, 0); opacity:1; visibility:visible;}
}
.close3D {-webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:close3D; animation-name:close3D; animation-timing-function:ease-in; -webkit-animation-timing-function:ease-in;}
@-webkit-keyframes close3D {
    0% {-webkit-transform:translate(0, 0); opacity:1; visibility:visible;}
    100% {-webkit-transform:translate(50%, 0); opacity:0; visibility:hidden;}
}
@keyframes close3D {
    0% {transform:translate(0, 0); opacity:1; visibility:visible;}
    100% {transform:translate(50%, 0); opacity:0; visibility:hidden;}
}