@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700&subset=latin-ext');
#tarteaucitronRoot{
    opacity: 0;
}
body{
    margin: 0 !important;
}
*{
    font-family: 'Roboto Condensed', sans-serif;
}
html, body{
    height: 100%;
    width: 100%;
}
.mainMenuWrapper .logo{
    position: relative;
    transition: none !important;
}
.mainMenuWrapper .logo img{
    left: 8px;
    position: relative;
    transition: none !important;
}
/****************************************** Filter, Search css's ***********************************************/
.projectResults{
    float: left;
    width: 100%;
    padding: 52px 20px 46px;
    font-size: 32px;
    color:#878B93;
    font-weight: bold;
}
.projectResults .resultsCount{
    color: #FE5000;
}
.filter-list {
    list-style-type:none;
}
.include-details{
    display: none;
}
/***************************************ALEXANDRA*********************************/
.home.container{
    width: 90%;
}
.tx-reea-project{
    margin-top: 0;
}
.filterBoxcontainer{
    position: relative;
}
.filterBox{
    position: fixed;
    z-index: 200;
    background-color: #878B93;
    color: #ffffff;
    padding: 0;
    height: 100vh;
}
.filterBox .topBox{
    margin-bottom: 30px;
}
.filterBox .topBox .loginBox input{
    background-color: transparent;
    color: #D5D5D5;
    font-size: 18px;
    float: right;
    padding: 10px 0;
    text-transform: uppercase;
    text-decoration: underline;
}
.filterBox .selectsBox {
    padding: 24px;
    height: 61vh;
    overflow: hidden;
    overflow-y: auto;
}
/**********scrollbar test*/
.top_bottom_mask {
	position:absolute;
	overflow:hidden;
	width:17px;
	height:10px;
}
.left_right_mask {
	position:absolute;
	width:0px;
	border:1px solid #000000;
}
.corner_top_mask, .corner_bottom_mask {
	position:relative;
	left:-2px;
	border:6px solid #000000;
	height:20px;
	width:13px;
	border-radius:16px;
}
.corner_top_mask {
	top:-3px;
    left:-4px;
}
.corner_bottom_mask {
	top:-18px;
    left:-4px;
}
.filterBox .selectsBox::-webkit-scrollbar {
    width: 15px;
}
/*****************************/
/* Track */
.filterBox .selectsBox::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    margin:5px 0;
}
/* Handle */
.filterBox .selectsBox::-webkit-scrollbar-thumb {
    background: #1A1A1A;
    border-radius: 10px;
}
/* Handle on hover */
.filterBox .selectsBox::-webkit-scrollbar-thumb:hover {
    background: #1A1A1A;
}
.filterBox .selectsBox .scrollBox label{
    font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
}
.filterBox .selectsBox .scrollBox label .fa-chevron-up{
    font-size: 14px;
    font-weight: lighter;
}
.selectsBox {
    height: 100px;
    overflow-y: scroll;
    scrollbar-color: #1A1A1A transparent;
    scrollbar-width: thin;
    border-radius:5px;
}
.filterBox .selectsBox .scrollBox label .glyphicon{
    top: 0px;
    font-size: 15px;
}
.filterBox .selectsBox .scrollBox ul{
    padding-left: 0;
}
.filterBox .selectsBox .scrollBox ul li{
    font-weight: lighter;
    font-size: 18px;
}
.filterBox .selectsBox .optionsBox label{
    font-weight: normal;
}
.optionsBox .form-check{
    padding-left: 0;
}
.optionsBox #containsWords{
    font-size: 18px;
    color:#ffffff;
    background-color: #000000;
    opacity:0.3;
    border: none;
}
.optionsBox #containsWords:focus{
    box-shadow: none;
}
.filterBox .selectsBox .optionsBox .switch .slider.round{
    top: 2px;
    left: 2px;
    right: 0;
    bottom: 0;
    background-color: #b2b4b7a3;
    -webkit-transition: .4s;
    transition: 4s;
    height: 16px;
    width: 34px;
}
.filterBox .selectsBox .optionsBox .switch .slider.round:before{
    height: 20px;
    width: 20px;
    left: 0px;
    bottom: -2px;
}
.filterBox .selectsBox .optionsBox .switch input:checked + .slider{
    background-color: #ffffff;
}
.filterBox .selectsBox .optionsBox .switch input:checked + .slider:before{
    left: -8px;
}
.filterBox .createPdfBox{
    padding: 24px;
    padding-bottom: 16px;
    background-color: #1A1A1A;
    height: 39vh;
    min-height: 39vh;
}
.filterBox .createPdfBox .form-group{
    margin-bottom: 0;
}
.filterBox .createPdfBox .form-group.boxpdfDescription{
    margin-bottom: 20px;
}
.filterBox .createPdfBox .form-group #pdfDescription::-webkit-scrollbar {
    width: 15px;
}
/* Track */
.filterBox .createPdfBox .form-group #pdfDescription::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
    margin:5px 0;
}
/* Handle */
.filterBox .createPdfBox .form-group #pdfDescription::-webkit-scrollbar-thumb {
    background: #878B93;
    border-radius: 10px;
}
/* Handle on hover */
.filterBox .createPdfBox .form-group #pdfDescription::-webkit-scrollbar-thumb:hover {
    background: #878B93;
}
.filterBox .createPdfBox .form-group #pdfDescription::-webkit-resizer{
    display: none;
}
.filterBox .createPdfBox .form-group label{
    position: absolute;
}
.filterBox .createPdfBox .form-group input,
.filterBox .createPdfBox .form-group textarea{
    font-size: 18px;
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #878B93;
    color: #878B93;
}
.filterBox .createPdfBox .form-group .form-control:focus{
    box-shadow: none;
}
.filterBox .createPdfBox .form-group.active label {
    font-size: 12px;
    position: absolute;
    transform: translate(-3px, -10px) scale(0.8);
}
.filterBox .createPdfBox .form-group.boxpdfDescription.active label {
    transform: translate(-16px, -10px) scale(0.8);
}
.filterBox .createPdfBox .form-group  #pdfTitle{
    height: 32px;
    margin-bottom: 20px;
}
.filterBox .createPdfBox .boxpdfName{
    margin-bottom: 20px;
}
.filterBox .createPdfBox .form-group .submitButton{
    float:right;

}
.filterBox .createPdfBox .form-group .btn-submit{
    text-transform: uppercase;
    background-color: #FE5000;
    color: #fff;
    padding: 12px 20px;
    width: auto;
    border: none;
}
.filterBox .createPdfBox .selectCount{
    color: #ffffff;
    width: auto;
    float: left;
    padding: 15px 0;
}
.filterBox .createPdfBox .selectCount #selectedNr{
    color:#878B93;
}
#leftSpace{
    padding: 24px;
}
#projectsList{
    display: flex;
    flex-wrap: wrap;
    float: right;
}
.projectItem{
    margin-bottom: 50px;
}
.projectItem .imageProjectBox{
    background-color: #878b936b;
    min-height: 156px;
    margin-bottom: 16px;
    position: relative;
}
.projectItem .imageProjectBox .export-project{
    position: absolute;
    top: -3px;
    right: -3px;
    width: 48px;
    height: 48px;
    z-index: 200;
}
.projectItem .imageProjectBox .export-project input{
    margin-right: 5px;
    cursor: pointer;
    display: block;
    height: 48px;
    position: absolute;
    width: 48px;
    opacity: 0;
}
.projectItem .imageProjectBox .export-project input + label:before {
    width: 48px;
    height: 48px;
    top: 0;
    right: 0;
    content: " ";
    background-color: #878B93;
    color: #fff;
    display: inline-block;
    visibility: visible;
}
.projectItem .imageProjectBox .export-project input[type=checkbox]:checked + label:before{
    content: "✓";
    font-size: 28px;
    padding: 4px 14px;
    background-color:#FE5000;
}
.projectItem .imageProjectBox .export-project label{
    color: transparent;
}
.projectItem .imageProjectBox .export-project .infoCheckbox{
    display: none;
    position: absolute;
    background-color: #ffffff;
    z-index: 200;
    width: 120px;
    left: -110px;
    bottom: -67px;
    padding: 1px;
    -moz-border-radius: 5px; /* this works only in camino/firefox */
    -webkit-border-radius: 5px; /* this is just for Safari */
}
.projectItem .imageProjectBox .export-project .infoCheckbox p:before{
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 6px solid #ffffff;
    margin-right: 10px;
    margin-top: -6px;
    float: right;
}
.projectItem .imageProjectBox .export-project:hover .infoCheckbox{
    display:block;
}
.projectItem .imageProjectBox img{
    width: 100%;
    height: auto;
}
.projectItem .descriptionProject h3{
    font-size: 22px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
}
.projectItem .descriptionProject p{
    font-size: 15px;
    color: #878B93;
}
.projectItem .descriptionProject  a{
    color:#fe5000;
}
.include-details{
    display: block;
    text-align: right;
}
.include-details label{
    margin-bottom: 5px;
    font-weight: normal;
    font-size: 15px;
    margin-right: 7px;
}
/****************************************** PDF css's **********************************************************/
.new-page{
    page-break-before: always;
    position: relative;
}
/****************************************** PDF Cover page *****************************************************/
.cover{
    background-color: #FE5000;
    margin: 0;
    min-height: 917px;
    max-height: auto;
}
.coverContent{
    position:relative;
    left: 165px;
    height: 100%;
    top: 400px;
}
.coverTitle {
    color: white;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 96px;
    font-weight: bold;
    margin-top: 50px;
}
.pdfFooterLinks{
    margin-top: 140px;
    color: rgba(255, 255, 255, 0.5);
}
.pdfFooterLinks a{
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 10px;
}
/****************************************** PDF Table of contents page *****************************************/
.toc{
    vertical-align: top;
    margin-right: 0;
    margin-left: 0;
    max-width: 100%;
    min-height: 917px;
    max-height: 1024px;
    width: 100%;
}
.toc .tocLeft{
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    width: 50%;
    height: 915px;
    position: relative;
}
.toc .tocLeft .tocLeftLogo{
    padding-top: 20px;
}
.toc .tocTitle{
    margin: 50px;
    margin-left: 85px;
}
.toc .tocTitle h1{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 48px;
    text-transform: uppercase;
    color: #FE5000;
}
.toc .tocList {
    color: #FE5000;
    margin: 50px;
}
.toc .tocList ul{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    color: #1A1A1A;
    text-transform: uppercase;
    font-size: 24px;
    list-style: none;
    list-style-position: inside;
    margin-block-start: 0px;
    padding-inline-start: 0;
}
.toc .tocList ul li{
    float: left;
    width: 50%;
}
.toc .tocRight{
    float: right;
    vertical-align: top;
    width: 50%;
    height: 915px;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #D5D5D5;
}
.toc .tocRight .tocDescription {
    background-color: #D5D5D5;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    color: #FFFFFF;
    height: 100%;
    padding: 10%;
    width: 100%;
    height: 890px;
}
.tocLeftFooter{
    position: absolute;
    bottom: 10px;
    left: 100px;
    width: 100%;
    font-size: 24px;
    color: rgba(135, 139, 147, 1);
}
.tocRightFooter{
    position: absolute;
    bottom: 10px;
    text-align: right;
    color: rgba(135, 139, 147, 1);
    right: 150px;
}
/****************************************** PDF Project list page ***********************************************/
.projectList{
    width: 100%;
    min-height: 917px;
    position: relative;
}
.projectList h3{
	font-weight: bold;
	text-transform: uppercase;
	font-size: 24px;
}
.projectList .projectItem{
    float: left;
    margin-bottom: 0;
}
.projectList .urlProject a{
    color:#FE5000;
}
.projectList .projectListContainer{
    min-height: 852px;
}
.projectList .newbox{
    padding-top: 50px;
}
.bottomFooter{
    background-color: #FE5000;
    height: 64px;
    margin: 0;
    margin-left: -15px;
    min-width: 1300px;
    max-width: 100%;
}
.bottomFooter .logo {
    float:left;
   padding-left: 64px;
    width: 20%;
    padding-top:8px;
}
.bottomFooter .pdfTitle {
    float:left;
    margin-left:80px;
    font-size: 24px;
    width: 40%;
    color: #FFFFFF;
    padding: 14px 0;
}
.contactDetails{
    font-size: 18px;
   color: #FFFFFF;
   width: 20%;
   float: right;
   text-align: right;
   padding-right: 150px;
   padding:18px 0;
   margin-right: 100px;
}
.contactDetails a{
   font-size: 18px;
   color: #FFFFFF;
}
/**************************************** The switch - the box around the slider ******************************/
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 18px;
    margin-left: 10px;
    margin-bottom: 0px;
  }
  /* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  /* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  .slider:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 15px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  input:checked + .slider {
    background-color: #2196F3;
  }
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  .slider.round:before {
    border-radius: 50%;
  }
/****************************************** PDF Project detail page *********************************************/
.projectDetail{
    padding: 0px;
    font-size: 24px;
    min-height: 917px;
    max-height: 100%;
    position: relative;
}
.projectDetail h1{
	color: #fe5000;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 48px;
	padding-left: 200px;
	margin-bottom: 5px;
    font-family: 'Roboto Condensed', sans-serif;
    padding-top: 50px;
}
.projectDetail .textGri{
    color: #878B93;
}
.projectDetail .projectClient{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 24px;
    padding-left: 200px;
    padding-bottom: 32px;
    text-transform: uppercase;
}
.projectDetail .projectImage{
    width: 1300px;
     height: 300px;
     white-space: nowrap;
     display: inline-block;
     overflow: hidden;
}
.projectDetail .projectImage img{
    height: 300px;
    width: auto;
    margin: 0 ;
}
.projectDetail .detailsBox{
   min-height: 200px;
}
.projectDetail .projectDescription{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: lighter;
    font-size: 17px;
    width: 500px;
    float: left;
    margin: 40px 100px 0px 200px;
    min-height: 200px;
}
.projectDetail .projectProperties{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    margin: 40px 50px 0px 0px;
    min-height: 200px;
}
.projectDetail label{
    text-transform: uppercase;
    color: #878B93;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 13px;
    width: 110px;
}
.projectDetail .bottomFooter{
    background-color: #FE5000;
    height: 64px;
    position: absolute;
    margin: 0;
    margin-left: 0;
    bottom: 0;
    width: 1300px;
}
.projectService, .projectIndustry, .projectProjecttype, .projectPlatform{
    font-size: 14px;
}
.projectUrl a{
    font-size: 14px;
    color: #FE5000;
}
/***************************************ALEXANDRA PDF*********************************/

/********************contact pdf ***********/
.contact {
    max-width: 100%;
    min-height: 890px;
    max-height: 1024px;
    width: 100%;
    padding-top: 350px;
}
.contact .logo{
    width: 30%;
    float: left;
    text-align: center;
    margin-top: -30px;
}
.contact .contactDetails1{
    width: 30%;
    float: left;
    text-align: left;
    color: #878B93;
}
.contact .contactDetails1 .contactTitle{
    font-size: 65px;
    color: #1A1A1A;
    font-weight: bold;
}
.contact .contactDetails1 .contactDetail{
    font-size: 22px;
    line-height: 23px;
}
.contact .contactDetails1 .contactUrl{
    padding-top: 48px;
}
.contact .contactDetails1 .contactUrl a{
    color: #FE5000;
    font-size: 22px;
}
.contact .contactDetails2{
    width: 40%;
    float: left;
    text-align: right;
    color: #878B93;
}
.contact .contactDetails2 .contactLocation {
    color: #FE5000;
    font-size: 32px;
    padding-top: 35px;
    padding-bottom: 10px;
}
.contact .contactDetails2 .contactLocation span{
    color: #AEAEAE;
    font-size: 32px;
}
.contact .contactDetails2 .contactDetail,
.contact .contactDetails2 .contactTitle{
    font-size: 22px;
    line-height: 23px;
}
.contact .contactDetails2 .contactEmail{
    padding-top: 48px;
}
.contact .contactDetails2 .contactEmail a{
    color: #FE5000;
    font-size: 22px;
}
#p207 .mainMenuWrapper .logo{
    display: none !important;
}
#p208 .logo img.whiteLogo{
    visibility: hidden;
    opacity: 0;
    display: none !important;
}
#p208 .logo img.orangeLogo{
    visibility: visible;
    opacity: 1;
}
#p208 .pagetitleText h1{

    color: #878B93;
    font-weight: bold;
}
#p208 .pdfsList {
    margin-top: 100px;
    display: flex;
    flex-flow: column;
    margin-bottom: 50px;
}
#p208 .btn-primary{
    background-color: #FE5000  !important;
    border-color: #FE5000  !important;
    color: #FFF;
}
#p209 .btn-primary{
    background-color: #FE5000  !important;
    border-color: #FE5000  !important;
    color: #FFF;
}
#p208 .pdfsList .pdfItem a,
#p208 .pdfsList .pdfItem a span{
    color: #FE5000;
    line-height: 16px;
    font-size: 16px;
}
#p208 .pdfsList .pdfItem a:hover{
    cursor: pointer;
    font-weight: bold;
}
#p208 .breadcrumb-section,
#p209 .breadcrumb-section,
#p204 .breadcrumb-section,
#p202 .breadcrumb-section{
    background-color: transparent;
    border: none;
}
#p208 .breadcrumb-section ol.breadcrumb li a,
#p209 .breadcrumb-section ol.breadcrumb li a,
#p204 .breadcrumb-section ol.breadcrumb li a,
#p202 .breadcrumb-section ol.breadcrumb li a
{

    color: #FE5000;
}
#p208 .breadcrumb-section .breadcrumb,
#p209 .breadcrumb-section .breadcrumb,
#p204 .breadcrumb-section .breadcrumb,
#p202 .breadcrumb-section .breadcrumb{
    background-color: transparent;
    border: none;
}
.projectLogin .frame-well,
.projectLogin .frame{
    background-color: transparent;
    border: 0;
    padding: 0;
}
.projectLogin ul{
    margin-bottom: 0;
    display: flex;
    width: 90%;
    margin: 0 auto;
}
.projectLogin ul li{
    flex: 1;
    list-style: none;
    margin: 0 20px;
}
.projectLogin ul li a{
    background-color: #FE5000;
    color: #FFF !important;
    display: block;
    padding-right: 33px;
    padding-left: 33px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
.projectLogin .frame-well, .projectLogin .frame{
    box-shadow: none;
}
.userLoginLayout .projectLogin #c3947 .btn-primary{
    background-color: transparent !important;
    color: #FE5000 !important;
}

#p209 .tx-powermail fieldset .form-group {
          margin-bottom: 1rem;
          width: 100%;
          float: left;
          max-width: 100% !important;
          flex: 100% !important;

  }
  #p209 .tx-powermail fieldset .form-group label{
            float: left !important;

  }
  #p209 .tx-powermail fieldset .form-group .col-sm-10{
    float: right !important;

}
#p209 .tx-powermail fieldset legend{
    border-bottom:1px solid #e5e5e5;
}
#p209 .tx-powermail fieldset .form-group label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    font-weight: bold;
    padding: 0;
}
#p208 .projectLogin ,
#p209 .projectLogin {
    padding-top: 40px;
}
#p209 .projectLogin {
    padding-bottom: 20px;
}

div#c3947 {
    z-index: 100;
}
a.inapoi {
    float: right;
}
#c3671 h3,
#c3671 p,
.buttonsBox,
.mainMenu,
.navIcon,
.mainMenuWrapper  {
    display: none;
}


/***********/
@media (min-width: 1200px) and (max-width: 1500px) {
    .filterBox, #leftSpace {
        width: 23%;
    }
    .projectItem .imageProjectBox{
        min-height: 100px;
    }
}
@media (max-width: 1024px) {
    .filterBox .createPdfBox .form-group .btn-submit {

        padding: 5px 10px;
    }
    .projectItem .imageProjectBox{
        min-height: auto;
    }
}
@media (max-width: 767px) {
    .filterBox .selectsBox,
    .filterBox .createPdfBox{
        padding: 15px;
    }
    .filterBox .createPdfBox .form-group .submitButton {
        float: none;
    }
    .filterBox .createPdfBox .selectCount{
        padding-top: 0;
    }
    .containerProjects{
        align-items: flex-end;
        padding-right: 25px;
        display: flex;
        flex-direction: column;
    }
    .projectItem .imageProjectBox{
        min-height: auto;
    }

    #p209 .tx-powermail fieldset .form-group label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px;
    }
}