body,html{color:#333;font-family:'Open Sans',sans-serif}.siteWrapper{position:relative;width:100%;overflow:hidden}.fixedInner,.menuBar{width:18.75rem;height:100vh}.menuBar{position:relative;max-width:18.75rem;flex:0 0 18.75rem}.previewHolder{max-width:calc(100% - 18.75rem);flex:0 0 calc(100% - 18.75rem);margin:auto}.fixedInner{position:fixed;background-color:#f4f8f9;top:0;left:0;overflow-x:hidden;overflow-y:auto}.innerPadding,.logoHeader{position:relative}.innerPadding{padding:2rem}header{position:fixed;max-width:100%;width:100%;height:3.75rem;background-color:#fff;border-bottom:1px solid #ddd;overflow:hidden;z-index:9999;line-height:3.75rem}header .innerPadding{padding:0 2rem}header .logoHeader{text-align:center;line-height:3.75rem}header .logoHeader img{height:2.5rem;width:auto;left:0;top:-.25rem;padding-bottom:0}header .logoHeader .title{color:#565656;font-weight:800;font-size:1.5rem}header .logoHeader.leftAlign{text-align:left}header .logoHeader.leftAlign .title{font-weight:700;text-transform:uppercase;letter-spacing:-.5px}header .searchWrapper{position:absolute;top:.75rem;left:calc(50% - 10rem);width:20rem;z-index:10}header .searchWrapper .form-control{border-right:none}header .searchWrapper .input-group-text{background:#fff;color:#565656;border-color:#ced4da;cursor:pointer;transition:.3s all ease-in}header .searchWrapper .input-group-text:hover{background-color:#006697;border-color:#006697;color:#fff}.mainBody{position:relative;margin-top:3.75rem}.accordianWrapper{position:relative;padding:2rem 0;min-height:calc(100vh - 7rem)}.noResultsWrapper{position:relative;padding:2rem 0;height:calc(100vh - 7rem);text-align:center}.noResultsWrapper .noResultsText{color:#aaa;font-size:3rem;font-weight:300}.noResultsWrapper .clearSearch{display:block;max-width:13rem;margin:2rem auto 3rem}.accordianWrapper .clientWrapper{position:relative;margin-bottom:4rem}.accordianWrapper .clientWrapper .clientName{position:relative;background-color:#d6dfe1;padding:.5rem 1rem}.accordianWrapper .clientWrapper .clientName h3{color:#565656;font-weight:800;margin-bottom:0;text-transform:capitalize}.accordianWrapper .clientWrapper .clientName .datetime{position:absolute;right:1rem;top:.75rem;font-weight:300;color:#565656}.accordianWrapper .clientWrapper .projectsWrapper{position:relative}.accordianWrapper .clientWrapper .projectListWrapper{position:relative;border-bottom:1px solid #ddd;padding:1rem 2rem}.accordianWrapper .clientWrapper .projectListWrapper.hide{max-height:0;padding:0 2rem;overflow:hidden;border-bottom:0 solid #ddd;transition:.3s max-height ease-in .1s,.1s padding ease-in}.accordianWrapper .clientWrapper .showMore{position:relative;padding:1rem 2rem;text-align:center}.accordianWrapper .clientWrapper .showMore .text{text-transform:uppercase;color:#006697;font-weight:800;font-size:.8rem;cursor:pointer;background-color:#fff;padding:.5rem 1rem;transition:.3s all ease-in;border-radius:.25rem}.accordianWrapper .clientWrapper .showMore .text:hover{background-color:#006697;color:#fff}.accordianWrapper .clientWrapper .projectListWrapper:first-child{border-top:1px solid #ddd}.accordianWrapper .clientWrapper .projectListWrapper:nth-child(even){background-color:#f5f5f5}.accordianWrapper .clientWrapper .projectListWrapper .projectName{position:relative;cursor:pointer}.accordianWrapper .clientWrapper .projectListWrapper .projectName h5{position:relative;color:#565656;text-decoration:none;font-size:1.2rem;margin-bottom:0}.accordianWrapper .clientWrapper .projectListWrapper .projectName h5:after{position:absolute;content:'';top:.55rem;left:-1.25rem;border:solid #565656;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:.3s all ease-in}.accordianWrapper .clientWrapper .projectListWrapper .projectName .count{position:relative;padding:.25rem .5rem;color:#565656;margin:0 2rem;border-radius:.25rem;font-size:.75rem;font-weight:300;background-color:#ddd}.accordianWrapper .clientWrapper .projectListWrapper .projectName .linkCol{text-align:right;font-size:1.1rem}.accordianWrapper .clientWrapper .projectListWrapper .projectName a,.accordianWrapper .clientWrapper .projectListWrapper .projectName a:active,.accordianWrapper .clientWrapper .projectListWrapper .projectName a:visited{color:#006697;transition:.3s all ease-in}.accordianWrapper .clientWrapper .projectListWrapper .projectName a:hover{color:#565565}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper{position:relative;max-height:0;overflow:hidden;transition:.3s all ease-in}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper ul{position:relative;padding:0;margin:1rem 2rem}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper li{list-style:none;position:relative;border-top:1px solid #ddd;margin:0 2rem 0 0;text-transform:capitalize}.currentProject,.dirName,.filterSlider h5,.footer,.moduleWrapper .moduleBox .projectName h5{text-transform:uppercase}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper li:nth-child(even){background-color:#f1f1f1}.accordianWrapper .clientWrapper .projectListWrapper.open .projectName h5:after{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:.35rem}.accordianWrapper .clientWrapper .projectListWrapper.open .sizeWrapper{max-height:30rem}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper .modifiedAt{color:#565656;font-size:.75rem;font-weight:300;margin-left:1rem}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper a,.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper a:active,.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper a:hover,.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper a:visited{color:#565656;text-decoration:none;display:block;padding:.5rem 1rem}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper a .label{transition:.3s all ease-in;color:#565656}.accordianWrapper .clientWrapper .projectListWrapper .statusTag{margin-right:1rem;margin-left:0}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper a:hover .label{transition:.3s all ease-in;color:#006697}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper .edit{position:absolute;right:.5rem;padding:.25rem .5rem;cursor:pointer;transition:.3s all ease-in;border-radius:.25rem;font-size:.75rem;font-weight:300;background-color:#6c757d;color:#fff;top:.5rem;text-transform:uppercase}.currentProject,.links,.logoHeader img,.nav{position:relative}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper .edit .fas{margin-left:.25rem}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper .edit:hover{background-color:#138496}.logoHeader img{width:60%;left:20%;padding-bottom:1rem}.currentProject{background-color:#999;padding:.25rem;color:#fff;text-align:center;margin-bottom:1rem}.links{padding-bottom:3.75rem;width:100%}.searchFilter,.searchFilter .bg{position:fixed;width:18.75rem;transition:.3s all ease-in;left:0}.searchFilter{bottom:-28rem;height:31.75rem;background-color:#f4f8f9;z-index:99}.searchFilter .bg{content:'';top:0;height:100vh;background-color:rgba(17,17,17,0);z-index:-1;pointer-events:none}.searchFilter.open{bottom:0}.searchFilter.open .bg{z-index:4;background-color:rgba(17,17,17,.3);pointer-events:all}.searchFilter .innerPadding{padding:0 2rem 2rem;z-index:99;background-color:#f4f8f9;position:relative}.searchFilter .dirName.label{padding:0 2rem 0 0;line-height:3.75rem;text-align:center;border-top:1px solid #ddd;margin:0 -2rem;background-color:#d7dadb}.searchFilter .dirName.label:hover{background-color:#e6e8e9}.filterMenu .icon,.filterMenu .icon::after,.filterMenu .icon::before,.searchFilter .dirName.label .icon,.searchFilter .dirName.label .icon::after,.searchFilter .dirName.label .icon::before{position:absolute;width:1.5rem;height:.125rem;transition:.15s transform ease,.3s top ease-in;border-radius:.25rem;background-color:#565656;top:calc(50% - .0625rem);margin-left:1rem}.dirName,.filterMenu .grid,.listWrapper,.projectWrapper .dirName::after,.projectWrapper .dirName::before,.searchFilter .dirName.label .icon,.statusTag.download{transition:.3s all ease-in}.filterMenu .icon::before,.searchFilter .dirName.label .icon::before{content:'';display:block;top:-.25rem;margin-left:0}.filterMenu .icon::after,.searchFilter .dirName.label .icon::after{content:'';display:block;top:.25rem;margin-left:0}.filterMenu .grid{font-size:1.5rem;line-height:3.75rem;color:#006697}.filterMenu .grid:hover{color:#565656}.searchFilter .dirName.label:hover .icon::before{top:-.5rem}.searchFilter .dirName.label:hover .icon::after{top:.5rem}.searchFilter.open .dirName.label:hover{background-color:#d7dadb}.searchFilter .dirName.label .icon{transform:rotate(0);-webkit-transform:rotate(0)}.searchFilter.open .dirName.label .icon{transform:rotate(90deg)}.searchFilter.open .dirName.label .icon::before{transform:translate3d(8px,-1px,0) rotate(45deg) scaleX(.6)}.searchFilter.open .dirName.label .icon::after{transform:translate3d(8px,1px,0) rotate(-45deg) scaleX(.6)}.searchFilter.open .dirName.label:hover .icon::before{top:-.25rem}.searchFilter.open .dirName.label:hover .icon::after{top:.25rem}.moduleWrapper .tagWrapper .statusTag,.searchFilter .statusTag{display:block;margin:.5rem 0;cursor:pointer;transition:.3s all ease-in;filter:brightness(100%)}.moduleWrapper .tagWrapper .statusTag::after,.moduleWrapper .tagWrapper .statusTag::before,.searchFilter .statusTag::after,.searchFilter .statusTag::before{position:absolute;right:.75rem;content:'';height:.75rem;width:2px;background-color:#fff;top:7px}.moduleWrapper .tagWrapper .statusTag::before,.searchFilter .statusTag::before{transform:rotate(45deg)}.moduleWrapper .tagWrapper .statusTag::after,.searchFilter .statusTag::after{transform:rotate(-45deg)}.moduleWrapper .tagWrapper .statusTag.inactive,.searchFilter .statusTag.inactive{background-color:#999;color:#fff}.moduleWrapper .tagWrapper .statusTag.inactive::before,.searchFilter .statusTag.inactive::before{transform:rotate(90deg)}.moduleWrapper .tagWrapper .statusTag.inactive::after,.searchFilter .statusTag.inactive::after{transform:rotate(0)},.moduleWrapper .tagWrapper .statusTag:hover,.searchFilter .statusTag:hover{filter:brightness(85%)}.filterSlider select,.searchFilter select{width:100%}.filterSlider .dirName,.searchFilter .dirName{padding-bottom:.25rem}.searchFilter .searchInput{position:relative}.filterSlider .inputItem,.searchFilter .inputItem{position:relative;width:100%;border:1px solid #ddd;border-radius:.25rem;height:2.5rem;line-height:2.5rem;padding:0 .25rem 0 2.75rem}.filterSlider .searchIcon,.searchFilter .searchIcon{position:absolute;left:0;top:0;height:2.5rem;width:2.5rem;z-index:2}.filterSlider .searchIcon .icon,.searchFilter .searchIcon .icon{position:relative;display:inline-block;background:#fff;border-radius:30px;height:16px;width:16px;border:2px solid #888;top:7px;left:10px}.filterSlider .searchIcon .icon::after,.searchFilter .searchIcon .icon::after{content:"";height:3px;width:10px;background:#888;position:absolute;top:13px;left:9px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.projectWrapper{position:relative;border-bottom:1px solid #ddd}.comparePage .searchHide,.projectWrapper.hide,.projectWrapper.searchHide{display:none}.projectWrapper:first-child{border-top:1px solid #ddd}.listWrapper{position:relative;overflow:hidden;max-height:0;margin-bottom:0}.projectWrapper.open .listWrapper{max-height:25rem;margin-bottom:.25rem}.dirName{font-size:.9rem;font-weight:800;color:#565656;padding-top:1rem;padding-bottom:1rem;margin:0;position:relative;cursor:pointer;background-color:#f4f8f9}.projectWrapper .dirName span.text{display:block;max-width:calc(100% - 3.5rem);padding-left:.5rem}.dirName .statusTag{position:absolute;top:1rem;right:.5rem}.projectWrapper .dirName::after{position:absolute;content:'';top:1.3rem;left:-1rem;border:solid #565656;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.projectWrapper .dirName:hover{background-color:#d7dadb}.projectWrapper.open .dirName::after{transform:rotate(45deg);-webkit-transform:rotate(45deg);top:1.15rem}.projectWrapper .dirName::before{position:absolute;content:'';top:-1px;left:-1.5rem;height:101%;width:1.5rem;background-color:#f4f8f9}.statusTag{position:relative;margin-left:.5rem;padding:.25rem .5rem;color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:300}.statusTag.live{background-color:#5cb85c}.statusTag.approved{background-color:#0092ff}.statusTag.review{background-color:#ea3434}.statusTag.download{color:#fff;right:0;position:absolute;cursor:pointer;display:none}.statusTag.download:hover{color:#006697}.bannerName{position:relative;margin-left:1rem;color:#565656;padding:.25rem 0;cursor:pointer;transition:.3s all}.bannerName.hide{display:none}.bannerName:hover{color:#006697}.bannerName::before{position:absolute;content:'';width:0;height:100%;border-radius:.25rem;z-index:-1;background-color:#ddd;transition:.3s all ease-in;top:0;left:-.5rem}.bannerName.active::before{width:calc(100% + .5rem)}.bannerName .staticIcon{position:absolute;right:.125rem;font-size:1.2rem;cursor:pointer;top:.125rem;padding:0 6px;display:block;border-radius:.25rem;color:#006697;background-color:rgba(0,102,151,0);transition:.3s all ease-in}.bannerName .staticIcon:hover{color:#fff;background-color:rgba(0,102,151,1)}.backgroundLogo{position:relative;height:100vh}.detailPage .backgroundLogo{height:calc(100vh - 3.125rem)}.verticalAlign{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.centerText{position:relative;text-align:center}.backgroundContent{width:80%;position:relative;max-width:37.5rem;margin:auto;padding:2rem;border:1px solid #ddd;border-radius:.25rem;box-shadow:3px 4px 5px rgba(17,17,17,.1)}.backgroundContent img{position:relative;width:100%;margin:0 0 2rem}.backgroundContent h1{font-weight:300;text-align:center}.backgroundContent p{text-align:center;margin-top:1rem}.backgroundLogo.hide{display:none}.previewTitle.show{position:relative;text-align:center;margin:2rem 0;font-weight:800;color:#565656;font-size:1.25rem;line-height:2.5rem}.previewIframe.show{position:relative;overflow-y:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}.previewIframe .iframeHolder{position:relative;margin:auto;border:1px solid #ddd;background-image:url(https://s3.amazonaws.com/images-charts-stats/Spinner-1s-200px.svg);background-repeat:no-repeat;background-position:center center;background-size:50px 50px}.previewIframe iframe{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;border:none}.previewIframe .staticPreview{margin-bottom:2rem}.selectMarkup{position:relative;margin:2rem 0;text-align:center;display:none}.moduleWrapper{position:fixed;top:3rem;left:0;width:100%;height:calc(100% - 3rem);z-index:999;background-color:rgba(17,17,17,.4);display:none}.moduleWrapper.download{top:0;height:100%}.moduleWrapper.active{display:block}.moduleWrapper .moduleBox{width:80%;max-width:37.5rem;background-color:#fff;border:1px solid #ddd;border-radius:.25rem;margin:auto}.moduleWrapper .moduleBox .innerPadding{padding:4rem}.moduleWrapper .moduleBox .closeBtn{position:absolute;top:.5rem;right:1rem;font-size:1.5rem;cursor:pointer;color:#006697;transition:.3s all ease-in}.moduleWrapper .moduleBox .closeBtn:hover{color:#565656}.moduleWrapper .moduleBox .projectName{position:relative;margin:2rem 0;text-align:center}.moduleWrapper .moduleBox .projectName h5{font-weight:800;color:#565656;font-size:1rem}.moduleWrapper .moduleBox .statusTag{max-width:17.5rem;margin-left:auto;margin-right:auto}.updateTagBtn{position:relative;text-align:center;margin-top:2rem}.updateTagBtn .btn{padding-left:2rem;padding-right:2rem;background-color:#006697}.moduleWrapper .indicator{position:absolute;width:100%;height:100%;top:0;left:0;background-color:rgba(255,255,255,.9);text-align:center;display:none}.moduleWrapper .indicator.active{display:block}.moduleWrapper .indicator img{width:5rem;margin:auto;display:block;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.toastWrapper .failToast,.toastWrapper .successToast{height:3rem;color:#fff;box-shadow:3px 4px 5px rgba(17,17,17,.3);display:none;line-height:3rem;text-align:center}.toastWrapper{position:fixed;top:0;left:0;width:100%;transition:.3s all ease-in;transform:translate3d(0,-4rem,0)}.filterMenu,.filterSlider{position:absolute;top:0;right:0}.toastWrapper.active{transform:translate3d(0,3.5rem,0)}.toastWrapper .successToast{background-color:#5cb85c}.toastWrapper .failToast{background-color:#ea3434}.filterSlider .searchInput .btn,.filterSlider select,.toastWrapper .failToast.active,.toastWrapper .successToast.active{display:block}.toastWrapper .failToast h5,.toastWrapper .successToast h5{margin-bottom:0;font-weight:800;line-height:3rem}.toastWrapper .failToast h5 span,.toastWrapper .successToast h5 span{margin-right:1rem}.filterMenu{width:3.5rem;height:3.75rem;cursor:pointer;z-index:2}.filterMenu .icon{transition:transform .22s cubic-bezier(.55,.055,.675,.19),background-color .3s ease-in}.filterMenu .icon::before{transition:top .1s ease-in .25s,opacity .1s ease-in,background-color .3s ease-in}.filterMenu .icon::after{transition:top .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19),background-color .3s ease-in}.filterMenu:hover .icon,.filterMenu:hover .icon::after,.filterMenu:hover .icon::before{background-color:#006697}.filterMenu.open .icon{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1),background-color .3s ease-in;transform:rotate(225deg)}.filterMenu.open .icon::before{top:0;transition:top .1s ease-out,opacity .1s ease-out .12s,background-color .3s ease-in;opacity:0}.filterMenu.open .icon::after{top:0;transition:bottom .1s ease-out,transform .22s cubic-bezier(.215,.61,.355,1) .12s,background-color .3s ease-in;transform:rotate(-90deg)}.filterSlider{z-index:9999}.filterSlider .fixedSlider{position:fixed;background-color:#fff;top:3.25rem;width:18.75rem;right:2rem;max-height:0;overflow:hidden;transition:.3s max-height ease-in,.15s border ease-in,.15s box-shadow ease-in .15s;border:0 solid #ddd;box-shadow:-4px 4px 50px rgba(17,17,17,0)}.btnWrap,.paginationWrapper{position:relative}.filterSlider.active .fixedSlider{max-height:20rem;border:1px solid #ddd;box-shadow:-4px 4px 50px rgba(17,17,17,.2)}.filterSlider .innerPadding{height:100%;padding:2rem}.filterSlider .searchInput .dirName{padding:0;margin:0 0 .5rem;background-color:#fff}.filterSlider .searchInput{position:relative;margin-top:2rem}.filterSlider .searchInput:first-child{margin-top:0}.filterSlider .inputItem{padding-left:.25rem;width:80%;border-radius:.25rem 0 0 .25rem;transition:.3s all ease-in}.filterSlider .inputItem.error{border-color:#ea3434}.filterSlider .searchInput .searchGo{width:20%;right:0;left:auto;background-color:#006697;border-radius:0 .25rem .25rem 0;padding-left:.25rem;cursor:pointer;transition:.3s all ease-in}.filterSlider .searchInput .searchGo:hover{background-color:#565656}.filterSlider .searchIcon .icon{background-color:transparent;border-color:#fff}.filterSlider .searchIcon .icon::after{background-color:#fff}.filterSlider h5{text-align:center;margin-top:2rem}.paginationWrapper .pagination{justify-content:center}.paginationWrapper .pagination .page-link{color:#006697;transition:.3s all ease-in}.paginationWrapper .page-item.active .page-link{background-color:#006697;color:#fff;border-color:#006697}.clearFilter a,.clearFilter a:active,.clearFilter a:hover,.clearFilter a:visited{color:#fff;text-decoration:none}.btnWrap{max-width:10rem;margin:auto}.replayButton,.sizeButton{margin-top:2rem;text-align:center;display:none}.replayButton.show,.sizeButton.show{display:block;margin:2rem 0}.replayButton .replay,.sizeButton .size{width:3.5rem;height:2rem;margin:auto;border-radius:.25rem;color:#006697;background-color:#fff;text-align:center;line-height:1.9rem;font-size:1.2rem;cursor:pointer;border:1px solid #ddd;transition:.3s all ease-in}.replayButton .replay:hover,.sizeButton .size:hover{background-color:#006697;color:#fff}.footer{padding-bottom:2rem;color:#aaa;font-weight:300;font-size:.75rem;text-align:center}.footer a,.footer a:active,.footer a:hover,.footer a:visited{color:#ed1c24;text-decoration:none;transition:.3s all ease-in}.footer a:hover{color:#aaa}.footer span.policy{font-weight:800}.searchFilter.mobileOnly{display:none}.compareHolder{margin:0}.previewHolder .footer{position:absolute;bottom:0;height:2.125rem;width:calc(100% - 4rem);margin:0 2rem;padding-bottom:1rem;background-color:#fff;z-index:999}.previewHolder.detailPage{min-height:100vh;padding-bottom:2rem}.comparePage .clientWrapper{position:relative}.comparePage .clientWrapper .clientName{position:relative;padding:.5rem 1rem;border-top:1px solid #ddd;background-color:#fff;transition:.3s all ease-in;cursor:pointer}.comparePage .clientWrapper .clientName:after,.comparePage .clientWrapper .projectsWrapper .projectListWrapper .projectName:after{position:absolute;content:'';top:.75rem;right:1rem;border:solid #565656;border-width:0 3px 3px 0;display:inline-block;padding:3px;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition:.3s all ease-in}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .projectName:after{right:2rem}.comparePage .clientWrapper:first-child .clientName{border:none}.comparePage .clientWrapper:hover .clientName{background-color:#d6dfe1}.comparePage .clientWrapper .clientName h5{color:#565656;font-weight:800;margin-bottom:0;text-transform:capitalize}.comparePage .clientWrapper .projectsWrapper{position:relative;max-height:0;overflow:hidden;transition:.3s all ease-in}.comparePage .clientWrapper.active .clientName{border-bottom:0}.comparePage .clientWrapper.active .projectsWrapper{max-height:1000rem}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .bannerWrapper{position:relative;overflow:hidden;max-height:0;transition:.3s all ease-in;margin-bottom:0}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .bannerWrapper.active{max-height:200rem;margin-bottom:1rem}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .projectName{position:relative}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .projectName h5{color:#565656;font-weight:700;position:relative;text-transform:capitalize;font-size:1rem;padding:.5rem;border-bottom:1px solid #ddd;margin:0 1rem;cursor:pointer;background-color:#fff;transition:.3s all ease-in}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .projectName:hover h5,.comparePage .clientWrapper .projectsWrapper .projectListWrapper:hover .projectName h5,.comparePage .clientWrapper .projectsWrapper .projectListWrapper:nth-child(even) .projectName:hover h5{background-color:#d6dfe1}.comparePage .clientWrapper .projectsWrapper .projectListWrapper:first-child .projectName h5{border-top:1px solid #ddd}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper h5{color:#565656;font-weight:300;text-transform:capitalize;font-size:1rem;padding:.5rem;border-bottom:1px solid #ddd;margin:0 1rem 0 2rem;cursor:pointer;background-color:#fff;transition:.3s all ease-in}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper:hover h5{background-color:#d6dfe1}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper ul{position:relative;margin:0;padding:0;transition:.3s all ease-in}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li{list-style:none;position:relative;border-top:1px solid #ddd;margin:0 1rem 0 4rem;padding:.25rem .5rem;text-transform:capitalize;cursor:pointer;transition:.3s all ease-in;color:#333;line-height:1.75rem;background-color:#f4f8f9}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li .icon{position:absolute;right:1rem;top:.25rem;color:#fff;display:none}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li.active .icon{display:block}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li:first-child{border-top:none}.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li.active,.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li:hover,.comparePage .clientWrapper .projectsWrapper .projectListWrapper .sizeWrapper li:hover:nth-child(even){color:#fff;background-color:#006697}.comparePage .searchFilter{bottom:-27rem}.comparePage .searchFilter .innerPadding{padding-top:1rem}.comparePage .searchFilter,.comparePage .searchFilter .innerPadding{background-color:#f1f1f1}.comparePage .searchFilter .innerPadding .form-control{border-right:0}.comparePage .searchFilter .innerPadding .input-group-text{background-color:#fff;border-left:0}.compareContent{position:relative;margin:2rem 0 0;padding:0 2rem;background-color:#f5f5f5;min-height:calc(100vh - 6rem)}.compareContent .row{min-height:calc(100vh - 6rem);justify-content:center}.comparePage .footer{padding-bottom:0;line-height:2rem;border-top:1px solid #ddd}.comparePage .colItem .innerMargin{margin:2rem 0;background-color:#fff;width:100%;border-radius:8px;position:relative;border:1px solid #ddd;overflow:hidden}.comparePage .colItem.isStatic .innerMargin{padding-bottom:2rem}.comparePage .colItem .previewTitle{display:none}.comparePage .colItem .previewTitle.show{margin:0 -1rem 2rem;font-weight:300;border-bottom:1px solid #ddd;padding:.5rem 3rem 1rem;font-size:1rem;line-height:1.5rem;display:block;text-transform:capitalize}.comparePage .colItem .previewTitle .closeBtn{position:absolute;right:1rem;color:#ea3434;top:0;width:2.5rem;height:2.5rem;line-height:2.5rem;cursor:pointer;font-size:1.25rem;transition:.3s all ease-in}.comparePage .colItem .previewTitle .closeBtn:hover{color:#565656}.comparePage .backgroundLogo{position:relative;height:calc(100vh - 10rem);top:0;width:100%}.comparePage .backgroundLogo .backgroundContent{background-color:#fff;cursor:pointer;transition:.3s all ease-in;text-transform:uppercase;font-size:.8rem;font-weight:800;color:#999}.comparePage .backgroundLogo .backgroundContent p i{font-size:4rem;opacity:.5;color:#006697;transition:.3s all ease-in}.comparePage .backgroundLogo .backgroundContent:hover p i{opacity:1}.comparePage .moduleWrapper .bannerHolder{position:relative;height:20rem;overflow:auto;border:1px solid #ddd}.comparePage .moduleWrapper .moduleBox .bannerHolder .projectName{margin:0;text-align:left}.comparePage header{overflow:visible}.comparePage .dropdownWrapper{position:absolute;width:100%;height:20rem;margin-top:2px;max-height:0;transition:.15s all ease-in;overflow:hidden}.comparePage .dropdownWrapper.show{max-height:20rem}.comparePage .dropdownWrapper .bannerHolder{position:absolute;width:100%;height:100%;overflow:auto;background-color:#fff;box-shadow:3px 4px 5px rgba(17,17,17,.2);border:1px solid #ddd;border-radius:.5rem}.viewPage{position:absolute;right:5rem;top:0;width:3.5rem;height:3.75rem;cursor:pointer;z-index:2}.viewPage a{display:block}.viewPage svg{height:1.4rem;position:relative;top:6px}.viewPage svg rect{fill:#006697;transition:.3s all ease-in}.viewPage:hover svg rect{fill:#565656}.colItem.hasContent{min-width:440px;flex-basis:auto}@media screen and (max-width:992px){.comparePage header{height:6.75rem}.comparePage header .searchWrapper{top:3.75rem}.comparePage .mainBody{margin-top:6.75rem}.compareContent{padding-bottom:2rem}.comparePage .colItem .innerMargin{height:auto;min-height:auto;padding-bottom:2rem;width:100%;margin:2rem 0}.comparePage header .logoHeader.leftAlign{text-align:center}}@media screen and (max-width:767px){.accordianWrapper .clientWrapper .clientName .datetime,.menuBar .searchFilter{display:none}header{height:6.75rem}header.small{height:3.75rem}.fixedInner,.menuBar{height:3rem;width:100%}header .searchWrapper{top:3.75rem}.mainBody{margin-top:6.75rem}.menuBar{position:relative;max-width:100%}.searchFilter.mobileOnly{display:block}.fixedInner{background-color:#fff;border-bottom:1px solid #ddd;overflow:hidden;z-index:9999}.searchFilter,.searchFilter .bg{width:100%}.nav{display:none}.innerPadding{padding:0}.logoHeader{text-align:center;line-height:2.25rem}.logoHeader img{height:2.5rem;width:auto;left:0;padding-bottom:0}.currentProject{display:inline-block;background-color:transparent;color:#565656;margin-bottom:0;font-weight:800;margin-left:1rem;top:.125rem}.previewHolder{min-height:calc(100vh - 3rem);padding-bottom:5rem}.previewHolder.detailPage,.previewHolder.login{width:100%;max-width:100%;flex:0 0 100%}.selectMarkup{display:block;z-index:33;position:relative}.accordianWrapper .clientWrapper .projectListWrapper .projectName .countCol,.previewTitle.show{display:none}.backgroundLogo{height:calc(100vh - 16rem)}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper ul{margin:1rem 0}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper .modifiedAt{display:block;margin-left:0;margin-top:.5rem}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper .edit{position:relative;right:auto;margin:0 1rem;display:block;max-width:4rem;top:0}.accordianWrapper .clientWrapper .projectListWrapper .sizeWrapper li{padding-bottom:1rem}.accordianWrapper .clientWrapper .projectListWrapper.open .sizeWrapper{max-height:50rem}.previewHolder.detailPage{height:auto}.footer,.previewHolder .footer{margin:0 1rem}.footer .policy,.noMobile{display:none}.colItem.hasContent{max-width:100%!important;min-width:100%}}