/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 14, 2020, 3:26:05 PM
    Author     : Petrove
*/
body {
    font-family: 'Avenir Next LT Pro Light', Arial;
    background-image: url("/javax.faces.resource/images/background-main.jpg.xhtml");
    background-color: rgba(0,0,0,.5);
    background-size: cover;
    background-attachment: fixed;    
    height: 100vh;
    padding: 0;
    margin: 0;
    color: rgb(255,255,255);
}
form {
    margin: 0;
    padding: 0;
}
.page-block {
    min-height: 100vh;
    display: block;
    margin: 0;
    padding: .1px;
}

.dark-overlay {
    background-color: rgba(0,0,0,.75);
    color: rgb(33,145,217);
}
.dark {
    background-color: rgba(0,0,0,.5);

}

.green {
    background-color: rgb(103,196,68);
}
.darker-overlay {
    background-color: rgba(0,0,0,.9);
    color: rgb(255,255,255);
}

.heading-page {
    text-align: center;
}

.heading-only {
    font-size: 5em;
    font-family: 'Avenir Next LT Pro Light', Arial;
    text-transform: uppercase;
    font-weight: lighter;
    display: block;
    padding: 4em 1em 1em 1em;
    padding-bottom: 1em;
}

.heading-page .logo {
    width: 8em;

}

.heading-page .logo-text {
    text-transform: uppercase;
    font-size: 1.3em;
    display: block;
    font-family: Arial;
    color: rgb(255,255,255);
    padding: .8em;

}

.ui-panelgrid, .ui-panelgrid-content{
    background: none;
}

.link {
    color: rgb(255,255,255)!important;
    text-decoration: none;
}

.link:hover {
    color: rgb(33,145,217)!important;
}

.link-white-background {
    color: rgb(0,0,0)!important;
    text-decoration: none;
}

.link-white-background:hover {
    color: rgb(33,145,217)!important;
}
#scientistsDream {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-image: url("/javax.faces.resource/images/scientists-dream-background.jpg.xhtml");

    background-color: rgba(0,0,0,.75) ;

}


.quote-only {
    font-size: 4em;
    font-family: Arial;
    font-weight: lighter;
    padding: 4em 1em 1em 1em;
    text-align: center;
    display: block;
}

#scientistsDreamContent {
    min-height: 100vh;
}

.author, .link, .link-white-background{
    font-family: Arial;
    font-weight: bold;
    font-size: 1.5em;
    margin-bottom: 1em;
    display: block;
}

.ui-panelgrid-content.ui-widget-content{
    border: none;
}

.footer {
    background-color: rgb(33,145,217);
    padding: 1em;
    text-align: center;
    font-size: 2em;

}

.footer>a {    
    color: rgb(255,255,255);
    text-decoration: none;
    padding: .25em;
}

.menu * {
    list-style: none;
    font-family: Arial;
    /*font-size: 1.2rem;*/

}

.menu {
    position: fixed;
    right: 2em;
    text-align: right;
    z-index: 100;
}

.main-menu>li {
    display: inline-block;   
    padding: .25em;
    font-size: 1em;
}

.main-menu {     
    display: inline-block;
}

.menu .link {
    text-shadow: 1.5px 1.5px rgba(0,0,0,.75);
    font-size: 1.2rem!important;
}
.menu-button {
    background: none;
    color: rgb(255,255,255);
    text-decoration: none;
    visibility: collapse;
}
.sub-menu {
    display: none;
    position: absolute;
    padding-left: 1em;
    z-index: 1;
    text-align: left;
}

.dropdown:hover .sub-menu {
    display: block;
    text-align: left;
}
.sub-menu>li {
    display: block;
    font-size: 1em;
}
.side-logo-coontainer {
    position: absolute;

}
.side-logo {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 6em;

}
.side-logo-text {
    text-align: center;
}
.side-logo-coontainer::after {
    content: 'AURA ENTLE';
    color: rgb(255,255,255);
    font-weight: bold;
    font-family: Arial;
    font-size: 1em;
    display: block;
}
@media(max-width: 56em) {
    .logo-background {        
        top:6em;
        margin-left: -50vw;
        opacity: 0.2!important;

        height: 100vw;
    }
    .heading-only {
        font-size: 2.5em;
    }

    .quote-only {
        font-size: 2em;
        padding-top: 8em;
    }
    .side-logo {
        position: absolute;
        right: 1em;
        left: unset;
    }
    .menu {
        display: inline-block;
        left: 0em;        
        text-align: left;
        right: unset;
    }
    .menu-button {
        display: block;
        visibility: visible;

        position: relative;
        left: 1em;
        top: 1em;

    }


    #menucheck:checked + .menu {
        background-color: rgba(70,70,70,.5)
    }
    #menucheck:checked + .menu ul{
        visibility: visible;
        display: block;
    }
    .menu ul{
        position: relative;
        text-align: left;
        left: 0em;
        top: 1em;
        overflow: auto;
        max-height: calc(100vh - 5em);
        visibility: collapse;
        display: none;
        padding-right: 1em;
    }

    .menu li {
        display: block;   
        padding: 0;
    }

    .logo-background {
        margin-left: -50vw;
        height: 100vw;
    }

    .blueHeading {
        display: block;        
        margin: 1em!important;
    }
}

@media(max-width: 35em) {
    .whiteHeading-l1 {
        display: block;
        padding-top: 3em;
        padding-left: .5em;
        padding-right: .5em;
        margin: 0!important;
        text-align: center;
    }

    .blueHeading {
        display: block;        
        margin: 1em .5em!important;
    }

    .blueBlock {
        padding: 1 em .5em!important;
    }
    .product-column {
        padding-left: 0!important;
        padding-right: 0em!important;
    }

    body .heading-box {
        padding: 3em 1em;
        margin: 15em 1.5em;    
        border: .5em solid rgb(255,255,255);


    }
    body .executiveImage {
        width: 10em;
        height: 10em;
    }
    .executiveImage img {
        padding: 0em!important;
    }

    body .sub-title {
        margin: 0em .75em 2.5em .75em;
    }

    body .ui-panelgrid.project-page-grid .ui-panelgrid-cell {
        padding: 2em 1em;
    }
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.logo-background {
    position: fixed;
    top:6em;
    margin-left: -50vh;
    opacity: 0.2!important;
    z-index: -1;
    height: 100vh;
}

#menucheck {
    position: absolute;
    visibility: hidden;
    z-index: -1;

}

.sub-title {
    font-size: 2em;
    display: block;
    margin: 0em 2.5em 2.5em 2.5em;

}

bold {
    font-weight: bold;
}

.heading-in-box {
    font-size: 3em;
    text-transform: uppercase;
    font-weight: bold;
}

.heading-box {
    display: block;
    padding: 3em 4em;
    margin: 15em 7em;    
    border: .5em solid rgb(255,255,255);


}

.view-height-block {
    height: 100vh;
    display: block;
    padding: .1px;
}

.white-background{
    background: rgb(255, 255, 255);
}

.ui-panelgrid.project-page-grid .ui-panelgrid-cell {
    padding: 2em 3em;
}

.blueHeading {
    font-weight: 300;
    color: rgb(33,145,217);
    font-size: 3em;
    display: block;
    margin: 1em 3em;

    text-align: center;
}

.whiteHeading-l1 {
    color: #fff;
    font-size: 3em;
    font-weight: 300;
    display: block;
    margin: 1em 3em;
    text-transform: uppercase;
}

.awardIcon {
    width: 7em;
    height: 7em;
    display: inline-block;

}
.executiveImage {
    width: 15em;
    height: 15em;
    display: inline-block;
}

.executiveImage img{
    width: 100%;
    padding: 2em;
}
.awardIcon img {
    width: 100%;

}
.awards *{
    border: none!important;
    background-color: rgba(255,255,255,0);
}

.award-title {
    font-size: 1.5em;
    font-weight: bold;
    color: #fff;
    display: block;
}

.award-desc {
    font-size: 1.5em;
    color: #fff;
    display: block
}

.image-background {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;


    background-color: rgba(0,0,0,.75) ;

}

#awardAndMedia {
    background-image: url("/javax.faces.resource/images/award.jpg.xhtml");
}

#executives {
    background-image: url("/javax.faces.resource/images/executives.JPG.xhtml");
}

#futedFloor {
    background-image: url("/javax.faces.resource/images/flutedFloor.jpg.xhtml");
}
.full-screen {
    min-height: 100vh;
    margin: 0;
    padding-top: .1px;
}

.product-image {
    /*height: 40%;*/
}
.product-column {
    padding-left: 5em;
    padding-right: 5em;
}

.product-title {
    color: #000;
    font-size: 3em;
}

.product-paragraph{
    text-align: justify;
}

.blueBlock {
    display: inline-block;
    padding: 1em 4em;
    border: .2em solid rgb(33,145,217);
    color: rgb(33,145,217);
    font-size: 1.2em;
    width: min(90%, 20em);
    font-weight: bold;
}

/*picture gallery*/
.picture-grid {
    padding: 0;
    margin: 0
}
.picture-grid .ui-grid-responsive .ui-panelgrid-cell {
    padding: 2px;
}

.inner-2>.ui-grid-responsive>.ui-panelgrid-cell:last-child {
    padding: 0;
}

.picture-grid .picture {
    width: 100%;
}

.purble-box {
    padding-top: calc(55% + .65em)!important; 
    /*padding-top: calc(48.5% + 3em)!important;*/ 
    background-color: rgb(182,180, 236); 
    float: left; 
    margin: .5em; 
    margin-top: -.5em; 
    width: calc(100% - 1em)!important;
    position: relative;
}

.purble-box>div {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em;
    text-align: justify;

}
.gallery img {
    padding: .5em;
}



.text-over-pic{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: .5em;
    padding: 1em;
    padding-top: 15%;
    text-align: center; 
    vertical-align: middle;

}

.text-over-pic-30 {
    padding-top: 30%;
}

#pureSlab {
    background-size: cover;
    background-attachment: fixed;
    background-position: right;
    background-image: url("/javax.faces.resource/images/ff-background.png.xhtml");

    background-color: rgba(0,0,0,.75) ;

}

.image-background {
    background-size: cover;
    background-attachment: fixed;

}

#tellUs {
    background-image: url("/javax.faces.resource/images/contact-background.jpg.xhtml");
    background-color: rgba(0,0,0,.75) ;
    background-position: top center;
}
.ff-white-text {
    color: rgb(255,255,255);
}


.ff-left, .ff-right {
    text-align: left;
    font-size: 1.3em!important;
    margin-bottom: auto;
    margin-top: auto;
}
.ff-right {
    text-align: right;
}

.blue {
    background: rgb(33,145,217);
}

.white{
    background: #fff;
}

.blue-text, .ff-blue-text{
    color: rgb(33,145,217);
}

.contact-form {
    margin: 5%;
}

.contact-form ::placeholder {
    color: rgba(0,0,0,1);
    text-align: center;
}

.ff_link{
    color: #fff;
}

.ff_link:hover {
    color: rgb(33,145,217);
}

.ui-panelgrid, .ui-panelgrid-content {
    border: none!important;
    background: rgba(0,0,0,0)!important;
}
body .ui-panelgrid .ui-panelgrid-cell {
    background: none;
}

.homeFFLink {
    color: #fff;
    display: inline-block;
    background-color: rgb(33,145,217);
    font-size: 2rem;
    padding: .75rem;

}

.homeFFLinkBox {
    background-color: rgb(33,145,217);
}

/* FF ACCORDIONS */
body .ff-left .ui-accordion .ui-accordion-header,
body .ff-right .ui-accordion .ui-accordion-header,
body .ff-left .ui-accordion .ui-accordion-header.ui-state-active:hover,
body .ff-right .ui-accordion .ui-accordion-header.ui-state-active:hover,
body .ff-right .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline,
body .ff-left .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline,
body .ff-right .ui-accordion .ui-accordion-header,
body .ff-right .ui-accordion .ui-accordion-content,
body .ff-left .ui-accordion .ui-accordion-content {
    background-color: rgba(255,255,255,0);
    border-color: rgba(255,255,255,0);
    font-weight: normal;
}

body .ff-right .ui-accordion .ui-accordion-content,
body .ff-left .ui-accordion .ui-accordion-content {
    padding: 0 1em;

}

.ff-right ul, .ff-left ul {
    margin-top: 0;
    margin-bottom: 0;
}
body .ff-right .ui-accordion .ui-accordion-header,
body .ff-right .ui-accordion .ui-accordion-content,
body .ff-right .ui-accordion .ui-accordion-header.ui-state-active:hover,
body .ff-right .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline{
    color: rgb(33,145,217);
}

body .ff-left .ui-accordion .ui-accordion-header,
body .ff-left .ui-accordion .ui-accordion-content,
body .ff-left .ui-accordion .ui-accordion-header.ui-state-active:hover{
    color: #fff;
}

body .ff-left .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e::before {
    content: "+";
    color: #fff;
}

body .ff-left .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s::before {
    content: "-";
    font-family: sans-serif;

}


.ui-panelgrid.ff-left .ui-panelgrid-cell,
.ui-panelgrid.ff-right .ui-panelgrid-cell {
    padding-left: 0;
    padding-right: 0;
}

body .ff-left .ui-accordion .ui-accordion-header,
body .ff-left .ui-accordion .ui-accordion-content {
    border-bottom-color: #fff;
    border-bottom-width: 2px;
}

body .ff-left .ui-accordion .ui-accordion-header.ui-state-active,
body .ff-right .ui-accordion .ui-accordion-header.ui-state-active{
    border-bottom-color: rgba(255,255,255,0);
}

body .ff-right .ui-accordion .ui-accordion-header,
body .ff-right .ui-accordion .ui-accordion-content {
    border-bottom-color: rgb(33,145,217);
    border-bottom-width: 2px;
}

body .ff-left ul {
    list-style: none;
    padding-left: 2rem;
}

body .ff-right ul {
    list-style: none;
    padding-right: 2rem;
}
body .ff-left ul li::before,
body .ff-right ul li::after {
    content: '✓';  
    font-weight: bold;

    display: inline-block;
    vertical-align: top;

}
body .ff-left ul li::before {
    padding-right: .5rem;
}

body .ff-right ul li::after {
    padding-left: .5rem;
}
body .ff-right .ui-accordion .ui-accordion-content,
body .ff-left .ui-accordion .ui-accordion-content{
    padding-bottom: .5rem;
}

.ff-list-content {
    display: inline-block;
    width: calc(100% - 2.5rem);
}

body .ff-right .ui-accordion .ui-accordion-header > .ui-icon {
    content: '+';
    float: right;
    color: rgb(33,145,217);
    margin: 0 0 0 .5em;

}
body .ff-right .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s::before {
    content: '-';
    color: rgb(33,145,217);
    font-family: sans-serif;
}
body .ff-right .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s::before:nth-child(1) {}

body .ff-right .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e::before {
    content: '+';
    color: rgb(33,145,217);

}

body .ff-right .ui-accordion .ui-accordion-header,
body .ff-left .ui-accordion .ui-accordion-header{
    font-size: 1.3em;
}

.active-menu-tab {
    color: rgb(33,145,217)!important;
}