@import url("//hello.myfonts.net/count/3edf7e");

@font-face {
  font-family: "AficalNeue-SemiBold";
  src: url('../fonts/font.woff2') format('woff2'), url('../fonts/font.woff') format('woff');
}
.form-inline [type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  height: 10px;
  width: 10px;
  background-image: url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-close-512.png);
  background-size: 10px 10px;
  filter: brightness(0) invert(1);
    object-fit: unset;
}
abbr { text-decoration: none !important; }
nav.navbar[class*=" navbar-expand-"] #menu-search.open form input.search-query {
  margin-right: 10px;
  width: 200px;
  background: #FFF;
  padding: 10px 20px;
  border-radius: 20px;
  line-height: 1;
}
nav.navbar[class*=" navbar-expand-"] #menu-search.open form input.search-query:focus-visible { outline: #ccc solid 2px; }
.data-article .spacer, .registry-learn-more .spacer { overflow: hidden; }
.pv-three-column { overflow: hidden; }
h5, .h5 { line-height: 1.6rem; }
hr { border-top: 1px solid rgba(0,0,0,.3) !important; }
.mt-2rem { margin-top: 2rem; }
form.contact.french .group.required::after {
  content:'*Obligatoire';
}
nav[class*=' navbar-expand-'].navbar #menu-search .pop-trigger {
  top: 50%;
  transform: translateY(-50%);
}
.skip-navigation { text-align:center; }
nav.navbar[class*=" navbar-expand-"] .navbar-brand > img {
  margin-right: 5px;
  margin-left: 5px;
  /*margin-bottom: 10px;*/
}
nav.navbar[class*=" navbar-expand-"] .navbar-brand {
  align-items: flex-end;
}
nav .navbar-brand {
  position: relative
}
nav .navbar-brand .logo-tag {
  position: absolute;
  top: calc(100% - 15px);
  width:95%;
  left: 50%;
  margin: 0 !important;
  transform: translateX(-50%);
}
nav .navbar-brand .logo-tag-f {
  position: absolute;
  top: calc(100% - 15px);
  width:95%;
  left: 50%;
  margin: 0 !important;
  transform: translateX(-50%);
}
nav .navbar-brand span.tag {
  left: 50%;
  color: #fff;
  font-size: 8.5px;
  font-weight: bold;
  position: absolute;
  letter-spacing: 1px;
  top: calc( 100% - 15px);
  text-transform: uppercase;
  transform: translateX(-50%);
  font-family: "AficalNeue-SemiBold";
}
nav .navbar-brand span.tag-f {
  left: 50%;
  color: #fff;
  font-size: 7px;
  font-weight: bold;
  position: absolute;
  letter-spacing: 1px;
  top: calc( 100% - 15px);
  text-transform: uppercase;
  transform: translateX(-50%);
  font-family: "AficalNeue-SemiBold";
}
form.contact .submit.group input { background: none; }
footer span.tag {
    display: none;
    font-size: 8px;
    margin-top: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
footer span.tag-f {
    display: none;
    font-size: 7px;
    margin-top: 5px;
    font-weight: bold;
    text-transform: uppercase;
}
.navbar-light .navbar-brand::after {
    content: '';
    background: transparent;
    position: absolute;
    width: 100%;
    height: 25px;
    top: 100%;
    z-index: -1;
}
.font-weight-boldest{ font-weight : 900; }
.active{display:inline-block; }
span.without{ display:none; }
nav.navbar #navTop > div {align-items:normal !important; }
nav.navbar #menu-search { align-items: center; }
.navbar-nav .nav-item.active, .navbar-nav .nav-item:hover{ background-color: transparent; }
.navbar-nav .nav-item.current{ background-color: #fff; }
#organization .learn-journey:after, #our-mission .learn-journey:after {bottom:100px !important;}
.h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child { margin-bottom: 0; }
#organization .learn-journey:after, #our-mission .learn-journey:after {
    content: '';
    background-image: url(/images/demo/digital_twin.svg);
    position: absolute;
    width: 60%;
    height: 60%;
    bottom: 60px;
    left: 0%;
    background-repeat: no-repeat;
    z-index: -1;
    opacity: .5;
}
#contact-modal-feedback {
    display: none;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 1031;
}
#contact-modal-feedback > form {
    background-color: #e5e5e5;
    width: 600px;
    padding: 20px;
    position: fixed;
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
}
#contact-modal-feedback .modal-head { text-align:center; }
#contact-modal-feedback .modal-head h4 { color: #bd3632; font-size:30px; font-weight:600 !important; }
footer h5 a {color:#000;}
.required.helptext { position: relative; }
.required.helptext:after { position: absolute; bottom: 5px; }
#open-modal2 {
    position: fixed;
    right: 10px;
    width: 112px;
    height: 112px;
    top: 50%;
    overflow: hidden;
    transform: translateY(-50%);
    background-color: #bd3632;
    padding: 23px 15px 20px !important;
    display: flex;
    align-items:center;
    justify-content: center;
    border-radius: 100px !important;
    border: 0;
    transition: ease-out 0.3s all;
}
#open-modal2:hover { width:380px; justify-content: left; }
#open-modal2 h4 {
    position: absolute;
    white-space: nowrap;
    left: 115px;
    top: 50%;
    transform: translatey(-50%);
}
#open-modal2:hover h4 { left:50%; transform: translate(-50%, -50%); }
#open-modal2 img { width:60px; filter: brightness(0) invert(1); object-fit:unset; }
#open-modal2:hover img { display:none }
.more-learn-style .faq-section .faq-card .question, .registry-learn-more .faq-section .faq-card .question { 
  align-items: center; 
}
.more-learn-style .faq-section .faq-card .question .arrow, .registry-learn-more .faq-section .faq-card .question .arrow { 
  bottom:0px; 
}
.to-top { background-color: unset; }
.faq-section .faq-card { display: block; }
form.contact #feedback-char-count {
    display: block;
    text-align: right;
    margin-top: 4px;
    font-size: 14px;
    color: #707070;
}

/*Learn*/
h4#mywithout { display:inline-block; }
h4#mywithout>span {
    font-size: 24px !important;
    /*margin-top: 25px;*/
    display: none;
    padding: 15px;
    background: #000;
    color: #fff;
    text-decoration: none;
    /*height: 68px;*/
    cursor: pointer;
}
.with, .without { display: none; }
.with img, .without img {
    display: none;
    margin: auto;
}
.with.active img, .without.active img {
    display: block;
}
.with.active, .without.active {
    display: block !important;
}
#our-mission .data-practise-info {
    font-size: 30px !important;
    letter-spacing: .8px!important;
    line-height: 45px!important;
}
#our-mission h2>span {
    font-size: 36px;
    font-weight: 900;
    line-height: 49px;
    display: inline-block;
}
#our-mission p>span {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}
#withoutgraphic , #withgraphic{
    color: #bd3632;
    text-decoration: underline;
}
/*App*/
.coming-soon {
  	display: block;
	margin: auto;
  	margin-bottom: auto;
	width: 150px;
	text-align: center;
	font-size: 18px;
	margin-bottom: 3rem;
    position: relative;
}
.coming-soon.french {width: 175px;}
.coming-soon:before {
  	content: '';
  	width:150px;
  	height:3px;
  	top: 50%;
  	right: 100%;
  	transform: translateY(-50%);
  	background: #000;
  	position: absolute;
}
.coming-soon:after {
  	content: '';
  	width:150px;
  	height:3px;
  	top: 50%;
  	left: 100%;
  	transform: translateY(-50%);
  	background: #000;
  	position: absolute;
}
#apps-and-services .row { margin-bottom: 2rem; }

#other_app_section { margin-top: 2rem; }
.app {
   position:relative;
   width:100%;
   height: 100%;
   margin-bottom: 0px;
   padding:20px 20px 40px 20px;
   text-align:center;
   background: #f5f5f5;
   box-shadow:0 3px 6px rgba(0,0,0,.26) ;
}
.app h2 { font-size:20px !important; margin-bottom:0; line-height:18px; padding:0 20px; min-height:54px; }
.app h4 { font-weight: bold !important; }
#highlighted_app > h2 { display: flex; align-items: center;  }
#highlighted_app > h2 i { margin-left: auto; color:#bd3632; }
#highlighted_app > h2.active i {
    transform: rotate(90deg);
}
.col-md-6 .app h2 { font-size:24px; margin-bottom:1rem; }
.app  .logo { width:100%; height: 130px; display:flex; align-items:center; justify-content:center; }
.app img { max-height:100%; max-width: 200px; }
.app .lock { height:25px; position: absolute; bottom:10px; left:10px; }
.app i { font-size:60px;}
.app .app-disc {
    cursor:pointer;
    padding:65px 30px 45px;
    opacity:0;
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background: rgba(255,255,255,0.8);
    transition:ease-out all 0.3s;
    display:flex;
    justify-content: center;
    flex-direction: column;
}
.app.circle .app-disc {
  border-radius: 100%;
  padding:40px;
  /*padding:80px 30px 45px;
  justify-content: flex-start;*/
}
.app .app-disc p {
    font-size:16px;
    margin-bottom: 5px;
    line-height: 18px;
    /*overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;*/
}
.col-md-6 .app .app-disc p { font-size:16px; line-height:16px; }
.app .app-disc .learn { 
    left: 50%;
    width: 100%;
    bottom: 35px;
    color: #bd3632;
    font-size:16px;
    margin-bottom: 0px;
    position: absolute;
    transform: translateX(-50%);
}
.app.circle .app-disc .learn { bottom: 55px; }
.app.circle {
  width:270px;
  height:270px;
  margin:0 auto 1.5rem;
  border-radius:100%;
  /*padding: 70px 20px 20px 20px;*/
  border: #bd3632 solid 5px;
  background: #fff;
  padding:40px 30px;
  display: flex;
    align-items: center;
    justify-content: center;
}
.app.circle h4 { margin-bottom:0; }
.app.circle .logo { height:100px; }
.smartshape {background: url('../../../images/demo/smartshap.png') right top no-repeat rgba(255,255,255,0.8) !important; }
.eai {background: url('../../../images/demo/eai.png') right top no-repeat rgba(255,255,255,0.8) !important; }
.curled-blue{background: url('../../../images/demo/curled-blue.png') right top no-repeat rgba(255,255,255,0.8) !important; }
.curled-green {
  background: url('../../../images/demo/curled-green.png') right top no-repeat rgba(255,255,255,0.8) !important; 
}
.curled-purple {
  background: url('../../../images/demo/curled-purple.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-yellow {
  background: url('../../../images/demo/curled-yellow.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-darkpink {
  background: url('../../../images/demo/curled-darkpink.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-lightgreen {
  background: url('../../../images/demo/curled-lightgreen.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-brown {
  background: url('../../../images/demo/curled-brown.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-teal {
  background: url('../../../images/demo/curled-teal.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-lightyellow {
  background: url('../../../images/demo/curled-lightyellow.png') right top no-repeat rgba(255,255,255,0.8) !important;
}
.curled-skyblue {
  background: url('../../../images/demo/curled-skyblue.png') right top no-repeat rgba(255,255,255,0.8) !important;
}


.curled-MapViewer {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-cafm {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-cyclomedia {background: url('../../../images/demo/curled2.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-asbestos {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-historical {background: url('../../../images/demo/curled3.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-eia {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-3d {background: url('../../../images/demo/curled4.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-autocad {background: url('../../../images/demo/curled5.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-civil3d {background: url('../../../images/demo/curled6.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-civilobject {background: url('../../../images/demo/curled6.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-map3d {background: url('../../../images/demo/curled6.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-architecture {background: url('../../../images/demo/curled5.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-raster {background: url('../../../images/demo/curled5.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-mep {background: url('../../../images/demo/curled5.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-marble {background: url('../../../images/demo/curled2.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-brics {background: url('../../../images/demo/curled7.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-collab {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-digital {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-esri {background: url('../../../images/demo/curled8.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-fme {background: url('../../../images/demo/curled9.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-inventor {background: url('../../../images/demo/curled10.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-luciad {background: url('../../../images/demo/curled11.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-navisworks {background: url('../../../images/demo/curled8.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-revit {background: url('../../../images/demo/curled6.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-ret {background: url('../../../images/demo/curled1.png') right top no-repeat rgba(255,255,255,0.8) !important;}
.curled-smartshape {background: url('../../../images/demo/curled12.png') right top no-repeat rgba(255,255,255,0.8) !important;}


.category { display:block;  margin-bottom:30px; } 
.category.lightyellow{ color: #ffbf00; }
.category.brown{ color: #A52A2A; }
.category.teal { color: #008080; }
.category.green { color: #008000; }
.category.blue { color: #0000ff; }
.category.purple { color: #800080; }
.category.yellow { color: #d8802f; }
.category.darkpink { color: #e75480; }
.category.lightgreen { color: #74C424; }
.category.skyblue{ color: #00e3ee; }
.account-request {
    background: #f5f5f5;
    border-radius:0px;
    color: #000;
    font-weight: bold;
    padding-left: 35px;
    padding-right: 35px;
    box-shadow: 0 3px 6px rgba(0,0,0,.26);
}
.required.helptext {position: relative;}
.required.helptext:after {position: absolute; bottom: 5px;}
#dLabel {
    width: 240px;
  	height: 40px;
  	border-radius: 4px;
  	background-color: #fff;
  	border: solid 1px #cccccc;
  	text-align: left;
  	padding: 7.5px 15px;
  	color: #ccc;
  	letter-spacing: 0.7px;
}
.caret {
    width: 0;
    height: 0;
    float: right;
    display: block;
    margin-top: 9px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
.dropdown-menu {
  	width: 240px;
  	padding: 0;
  	margin: 0;
  	border-top-left-radius: 0;
  	border-top-right-radius: 0;
}
.dropdown button:hover, .dropdown button:focus {
  	border: none;
  	outline: 0;
}
.dropdown.open button#dLabel {
	border-bottom-left-radius: 0;
  	border-bottom-right-radius: 0;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  	border: solid 1px #666;
   	border-bottom: none;
}
.dropdown.open ul {
   	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
  	border: solid 1px #666;
  	border-top: none;
  	height: 200px;
  	overflow-y: scroll;
}
.dropdown-menu li {
    line-height: 1.5;
  	letter-spacing: 0.7px;
  	color: #666;
    font-size: 14px;
  	cursor: pointer;
  	padding: 7.5px 15px;
  	border-top: solid 1px #f3f3f3;
}
.dropdown-menu li:hover {
	background-color: #ccc;
}
#selectAppCat {
    padding: 15px;
    border: #ccc solid 1px;
    margin-top: 30px;
}
#cots .arrow { display:none; font-size: 14px; transform: rotate(0deg); transition: ease-out all 0.3s; margin-left: auto; }
#organization .status-quo-background:before, #our-mission .status-quo-background:before { display: none !important; }

/*Learn More (Why DND is changing)*/
div#pv-content { overflow-x: hidden; padding-top: 150px; }

/*Learn More - Archibus*/
.more-learn-style .info-box, .registry-learn-more .info-box { padding:3rem; }

/*autocad-mep*/
.cots-container { padding: 100px 0 50px; }
.cots-container h2 { font-size:24px; line-height:30px; }
.cots-container .ask-question-section h2 {font-size:36px;}
.gray-box {
	background: #f0f0f0;
	padding: 30px;
    height:100%;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3); 
}
.gray-box h2 { color: #bd3632; }
.gray-box ul { padding: 0 0 0 45px; font-weight:600; }
.gray-box ul li { padding: 5px 0 5px 5px; font-size: 17px; }

/*Services*/
.required.helptext {
    position: relative;
}
.required.helptext:after {
    position: absolute;
    bottom: 5px;
}

/*contracted-data-collection-services*/
.bold {font-weight: bold !important;}

/*find-the-data-you-need*/
#find-the-data-you-need { margin-top:50px; }
#find-the-data-you-need .app .app-disc { padding:30px !important; }

/*registry-site-and-infrastructure*/

/*resources*/
.learn{ margin-bottom : 30px; }
#resources .app {cursor: pointer;}
#resources .app:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 9;
}
#resources .app .logo { width:100%; height: 120px; display:flex; align-items:center; justify-content:center; }
#resources .app img { max-height:100%; max-width: 100%; height: 120px; }
#resources .app .app-disc {pointer-events:none; border: #bd3632 solid 3px; padding:30px; }
#resources .col-md-6 .app .app-disc p { font-size:22px; line-height:22px; }
#resources .account-request {padding-left: 50px; padding-right: 50px;}
.resurc-card { 
    margin-bottom:15px;
    background:#f5f5f5;
    padding:10px;
    font-size:16px;
    font-weight:bold;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.3);
    text-align:center;
}
.resurc-card ul { 
    width: auto;
    padding: 10px 0 0 0;
    border-top: #ccc solid 1px;
    margin-top: 10px;
    list-style-type: none;
}
.resurc-card ul li { padding:10px; }
#library,#library-mob, #tools, #tools-mob, #training, #training-mob, #technology, #technology-mob { display:none; }

/*Links*/
.resource-links .container > h2 { font-size: 42px; }
.sub-app-card { position:relative; display: inline-block; }
.sub-app-card p { 
    top: 0px;
    color: #fff;
    z-index: 99;
    display:none; 
    width: 300px;
    padding: 15px;
    position:absolute;
    border-radius: 5px;
    background: #808080;
    left: calc(100% + 15px);
    
}
.sub-app-card p:before {
    content: "";
    position: absolute;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #808080;
    border-top: 10px solid transparent;
    top: 19px;
    left: -10px;
}
.sub-app-card.tooltipbelow p {
  left: 0px;
  top: auto;
  bottom: calc(100% + 15px);
  width: 100%;
  margin-bottom: 0;
}
.sub-app-card.tooltipbelow p:before {
  border-top: 10px solid #808080;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -19px;
  left: 10px;
  top: auto;
}
.sub-app-card:hover p { display: block; }
.sub-app-card h2 {
    color: #000 !important;
    font-size: 24px;
    padding: 10px 0;
    line-height: 36px;
}
.sub-app-card:hover h2 {
  color: #474747 !important;
}
.tab-link ul {
    list-style-type: none;
    display: flex;
    flex-flow: wrap;
    margin: 0 auto 40px;
}
.tab-link ul li { padding: 10px 20px; font-size:20px; border-left: #111 solid 3px; line-height:20px; }
.tab-link ul li:first-child { padding-left:0px; border-left:none; }

/*services-de-cartographie-web*/
.faq-section .faq-card > a { display: block; width: 100%; border: none; }

/*Data*/
.data-article .registry-images a, .registry-learn-more .registry-images a {
    margin: 0 24px 50px;
}

.data-article .registry-images-f, .registry-learn-more .registry-images-f {
    margin-top: 4rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.data-article .registry-images-f a, .registry-learn-more .registry-images-f a {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 24px 50px;
}

.data-article .registry-images a #land-registry, .registry-learn-more .registry-images a #land-registry {}
.data-article .registry-images a #infra-registry, .registry-learn-more .registry-images a #infra-registry {
  width: 370px;
}
.data-article .registry-images a #building-registry, .registry-learn-more .registry-images a #building-registry {
  width: 230px;
}
.data-article .registry-images a #equipment, .registry-learn-more .registry-images a #equipment {
  width: 290px;
}

.data-article .registry-images-f a #land-registry, .registry-learn-more .registry-images-f a #land-registry {
  width: 255px;
}
.data-article .registry-images-f a #infra-registry, .registry-learn-more .registry-images-f a #infra-registry {
  width: 320px;
}
.data-article .registry-images-f a #building-registry, .registry-learn-more .registry-images-f a #building-registry {
  width: 245px;
  margin-top: -8px;
}
.data-article .registry-images-f a #equipment, .registry-learn-more .registry-images-f a #equipment {
  width: 330px;
  margin-top: -6px;
}

.data-article .fr-registry-images a #land-registry, .registry-learn-more .fr-registry-images a #land-registry {}
.data-article .fr-registry-images a #infra-registry, .registry-learn-more .fr-registry-images a #infra-registry {}
.data-article .fr-registry-images a #building-registry, .registry-learn-more .fr-registry-images a #building-registry {
  width: 230px;
}
.data-article .fr-registry-images a #equipment, .registry-learn-more .fr-registry-images a #equipment {
  width: 290px;
}
footer { padding: 2rem 0 0; }
footer  div.moduletable { padding: 0px !important; margin:0 !important; }

#contact-modal {
  overflow: auto;
}
#contact-modal > form { margin: 50px auto; }
form.contact .group.required::after { display:none; }
.mail-sent {
  width: 500px;
  background: #e5e5e5;
  margin: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 50px;
  text-align: center;
}
.mail-sent .group.submit input {
  background-color: inherit;
  color: #fff;
  border: none;
  padding: 0;
  margin: 0;
  font-weight: 700;
  font-size: 16px;
}
.img-tooltip {
  
}
.img-tooltip img {
  position: absolute;
  bottom: calc(100% + 10px);
  width: 300px;
  display: none;
  left: 0;
}
.img-tooltip:hover img { display: block; }
.involved {
	top: 125px;
	left: 80px;
  	position: absolute;
}
.involved .btn {
  color: #fff;
  width: 148px;
  padding: 10px 5px;
  display: block;
  text-align: center;
  border-radius: 0px;
  background: #104666;
}
.involved .join {
  display: none;
  position: absolute;
  top: calc(100% + 5px);
}
.involved:hover .join {
  display: block;
}
/*Splash*/
.splash-header {
  top: 0;
  width: 100%;
  padding: 30px;
  text-align: center;
  position: absolute;
  background: rgb(9,70,121);
  background: linear-gradient(0deg, rgba(9,70,121,1) 0%, rgba(15,99,165,1) 100%);
}
.splash-header img { height: 150px; }
.splash {
  padding-bottom: 30px;
  background: #ffffff;
  border-radius: 0 0 10px 10px; 
}
.splash h4 {
  margin-bottom: auto;
  font-weight: 500 !important;
}
.splash .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.btn-splash {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  color: #fff;
  background-color: #2572b4;
  border-color: #143c5f;
}
.btn-splash-gray {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
  color: #4647a1;
  background-color: #eaebf0;
  border-color: #eaebf0;
}
.btn-splash:hover {
  color: #fff;
  background-color: #1c578a;
  border-color: #091c2d;
}

@media (min-width:641px) {
  p.poster-text { line-height:48px; }
}
@media (max-width:767px) {
    .list-unstyled { display:none; }
    #contact-modal-feedback > form p { font-size:16px; line-height: 18px; }
    #organization .learn-journey:after, #our-mission .learn-journey:after {
        width: 100%;
        left:0;
        bottom: 0 !important;
    }
    #organization .learn-journey .background-pop, #our-mission .learn-journey .background-pop { 
      background-color: rgba(255,255,255,.2); 
      padding-bottom: 100px; 
    }
    #wrapper main { padding-left: 15px !important; padding-right: 15px !important;}
   .registry-learn-more .intro { margin-bottom:2rem; }
   .more-learn-style .status-section, .registry-learn-more .status-section {margin-bottom:2rem;}
}
@media (min-width:768px) { 
    .app:hover .app-disc, .app.active .app-disc { opacity:1; }
    #highlighted_app > h2 i { display: none; }
    footer h5 a { pointer-events:none; } 
    .data-page-img { max-width: 50%; margin: 0 auto; }
}
.more-learn-style .info-box .sidebar, .registry-learn-more .info-box .sidebar {
  display: block;
  padding-bottom: 65px;
}
.more-learn-style .info-box .sidebar > a, .registry-learn-more .info-box .sidebar > a {
  position: absolute;
  bottom: 0;
}
@media (max-width:767px) {
    #apps-and-services .row { margin-bottom: 0rem; }
    #apps-and-services .app { margin-bottom: 1.5rem; height: auto; }
    #apps-and-services .app.circle { height:270px; }
    #pv-content .container-fluid:first-of-type, 
    #pv-content .container-lg:first-of-type, 
    #pv-content .container-md:first-of-type, 
    #pv-content .container-sm:first-of-type, 
    #pv-content .container-xl:first-of-type, 
    #pv-content .container-xxl:first-of-type {
        margin-top: 60px !important;
    }
    #open-modal2 {
        width:50px;
        height:50px;
        top: auto;
        bottom: 100px;
        transform: none;
        padding:15px !important;
    }
    #open-modal2 img { width: 100%; }
    #open-modal2:hover { width:50px;}
    #open-modal2:hover img { display:block }
    #open-modal2:hover h4 { left: 100px; }
    .h2, h2 { line-height:30px !important; font-size:20px !important; }
    footer#pv-footer .d-block {
        width: 33.33%;
    }
    footer#pv-footer .french .d-block {width: 50%;}
    #highlighted_app > h2 {
        margin-top: 20px !important;
        padding: 10px 20px;
        background: #f0f0f0;
        border-radius: 10px;
        cursor: pointer;
        border:2px solid #bd3632;
    }
    .app { padding:20px; overflow: hidden }
    .app.circle .logo { position: static; width: 100%; transform: unset; }
    .app.circle img { max-height: 104px !important; }
    .app .logo { width:75px; position:absolute; top:50%; transform:translateY(-50%); left: 20px; max-height:75%; }
    #resources .app .logo { width:75px; } 
    .app .lock { left: auto; right: 10px; }
    .app img { max-height: 50px !important; max-width: 100%; }
    .app h2 { 
        padding:0 30px 0 80px !important; 
        margin-bottom:0 !important; 
        text-align:left; 
        min-height: auto; 
        line-height: 24px !important; 
    }
    .category {padding:0 30px 0 80px !important; margin-bottom:0; text-align:left; }
    #cots {
        background: #bd3632;
        color: #fff;
        font-size: 24px;
        display: flex;
        align-items: center;
        padding: 10px 20px;
        line-height: 1;
        border-radius: 15px;
        cursor: pointer;
        transition: ease-out all 0.3s;
    }
    #cots.active { background: #333; }
    #cots .arrow { display:block; }
    #cots.active .arrow {  transform: rotate(180deg);}
  	.tab-link ul { flex-direction: column; }
  	.tab-link ul li { border: none; padding: 15px 0; text-align:center; }
    .sub-app-card:hover p { display: none; }
}
@media screen and (min-width: 990px){
    .container-fluid.status-quo-background.learn-img:before, 
    .container-fluid.status-quo-background.learn-img:after{ content: none!important;}
}
@media screen and (max-width: 989px){
    .container-fluid.status-quo-background.learn-img .learn-ing-con{ display: none!important;}
}
@media (min-width: 992px){
    .technology-bg.tech { background-image: none; }
}
@media only screen and (max-width: 1200px) and (min-width: 992px){
  .app.circle { width: 200px; height:200px; padding: 25px; }
  .app.circle h4 { font-size:18px; }
  .app.circle .app-disc {
    padding: 25px;
}
  .app.circle .app-disc .learn {
    bottom: 20px;
    width: 140px;
    line-height: 16px;
}
}
@media (max-width: 1389px){
  .involved {
    position: static;
  }
  .involved .btn {
    margin-left: 5px;
    font-size: 12px;
    padding: 5px;
    width: 100px;
  }
  .involved .join {
    top: calc(50% + 20px);
  }
  nav .navbar-brand .logo-tag {
    left:0;
    width: 100%;
    top: calc(100% - 9px);
    height: auto !important;
    filter: brightness(0) invert(1);
  }
  nav.navbar:not([class*=" navbar-expand-"]) .navbar-brand img { height: 75px; }
  nav .navbar-brand span.tag { 
    font-size: 6px; 
    color: #fff;
    top: calc( 100% - 10px);
    letter-spacing: 0;
  }
  nav .navbar-brand span.tag-f { 
    font-size:5.15px; 
    color: #fff;
    top: calc( 100% - 10px);
    letter-spacing: 0;
  }
  .navbar-light .navbar-brand:after {
    display: none;
  }
}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  nav .navbar-brand span.tag { font-size: 8.5px; letter-spacing: 0; }
  nav .navbar-brand span.tag-f { font-size: 7px; letter-spacing: 0; }
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 1389px) {
  nav .navbar-brand span.tag { font-size: 7.5px; }
  nav .navbar-brand span.tag-f { font-size: 6.5px; }
}*/
.bg-temp-img-3 {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6))),url(/images/cranes-4811867.jpg);
    background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/images/cranes-4811867.jpg);
    background: -o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/images/cranes-4811867.jpg);
    background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/images/cranes-4811867.jpg);
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-attachment: scroll, scroll;
        background-size: auto, auto;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}
.bg-temp-img-4 {
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.6)),to(rgba(0,0,0,.6))),url(/images/Communities-Practice.jpg);
    background: -webkit-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/images/Communities-Practice.jpg);
    background: -o-linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/images/Communities-Practice.jpg);
    background: linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/images/Communities-Practice.jpg);
        background-position-x: 0%, 0%;
        background-position-y: 0%, 0%;
        background-attachment: scroll, scroll;
        background-size: auto, auto;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.survey-background:before {
    content: '';
    background-image: url(/images/demo/Noun_Crane.png);
    position: absolute;
    left: -315px;
    width: 300px;
    top: 0;
    height: 500px;
    background-repeat: no-repeat;
    opacity: .5;
    background-size: contain;
}
.survey-background::after {
    content: '';
    background-image: url(/images/demo/Noun_Bulldozer.png);
    position: absolute;
    right: -310px;
    width: 300px;
    top: -20px;
    height: 500px;
    background-repeat: no-repeat;
    opacity: .5;
    background-size: contain;
}
.more-learn-style .hero-top.chibus-bg, .registry-learn-more .hero-top.chibus-bg {
  background-image: url(/images/demo/Archibus-Banner.jpg);
  position: relative;
}
.more-learn-style .hero-top.chibus-bg::after, .registry-learn-more .hero-top.chibus-bg::after {
  content: '';
  background: rgba(0,0,0,0.6);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 0;
}
.more-learn-style .hero-top.chibus-bg .top-section, .registry-learn-more .hero-top.chibus-bg .top-section {
  position: relative;
  z-index: 99;
}
/*.highlight1 {
	position: relative;
	padding: 2.5rem 7.5rem;
	line-height: 2.5rem;
	font-size: 2rem;
	font-weight: 600;
	background-image: linear-gradient(-180deg, #ff0000 0%, #c10000 100%);
	box-shadow: 0 1rem 1.25rem 0 rgba(22,75,195,0.50),
							0 -0.25rem 1.5rem rgba(110, 15, 155, 1) inset,
							0 0.75rem 0.5rem rgba(255,255,255, 0.4) inset,
							0 0.25rem 0.5rem 0 rgba(180, 70, 207, 1) inset;
}

.highlight1 p {
	color: transparent;
	background-image: linear-gradient(0deg, #EE82DA 0%, #FEFAFD 100%);
	-webkit-background-clip: text;
	background-clip: text;
	filter: drop-shadow(0 2px 2px hsla(290, 100%, 20%, 1));
}*/
.highlight1 { background: #66cc00 !important; }
.hex-communities-background {
  position: relative;
}
.hex-communities-background:before {
  content: '';
  background-image: url(/images/demo/CommunitiesPractice1.png);
  position: absolute;
  left: -615px;
  width: 600px;
  top: 0;
  height: 500px;
  background-repeat: no-repeat;
  opacity: .5;
  background-size: contain;
  background-position: center;
}
.hex-communities-background:after {
  content: '';
  background-image: url(/images/demo/CommunitiesPractice2.png);
  position: absolute;
  right: -610px;
  width: 600px;
  top: -20px;
  height: 500px;
  background-repeat: no-repeat;
  opacity: .5;
  background-size: contain;
  background-position: center;
}