/* custom css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:link, a:visited, a:hover {
    text-decoration: none;
    color: inherit;
}

/* start of website specific code */

body,input,button{
    font-family: "Quicksand", sans-serif;
    overflow-x:hidden;
}

#body1{
    overflow-y:hidden;
    background-color:rgb(29, 29, 29);
}

#body2{
    background-color:#1212121f;
}

#body1.overflow{
    overflow-y:scroll;
}

#headerMain{
    position:absolute;
    background-color:rgba(0, 0, 0, .93);
    box-shadow: black 0px 0px 100px;
    width:100%;
    height:100vh;
    object-fit:cover;
    z-index:999;
    color:white;
    text-align:center;
    transition:1.5s;
}

#headerMain.minimized{
    background-color:transparent;
}

#para{
    margin-bottom:40px;
    font-size:50px;
    font-weight:500;
    user-select:none;
}

#align{
    position:absolute;
    margin-top:100px;
    height:100vh;
	width:100vw;
    transition: color 1.5s ease, position .5s linear 5.1s;
}

#align.hide{
    color:transparent;
}

#explore{
    padding:10px 50px;
    font-size:20px;
    cursor:pointer;
    transition:1.5s;
    border-radius:5px;
    border:transparent;
}

#explore:hover{
    background-color:rgb(141, 141, 141);
    color:white;
}

#explore:visited {
    border:solid rgb(201, 201, 201) 5px;
    border-radius:5px;
}

#explore.hide{
    background-color:transparent;
    color:transparent;
    border:transparent;
    user-select:none;
    
}

#explore.hidemore{
    display:none;
}

#logo{
    margin-top:35px;
    width:8%;
    transition:1.5s;
}

#logo.hide{
    user-select:none;
    filter:opacity(0);
}

#logo.hidemore{
    display:none;
}

header h1{
    text-align:center;
    font-size:50px;
    margin-top:20px;
    font-weight:100;
}

header nav{
    width:100%;
}

header ul{
    display:flex;
    justify-content:center;
    width:100%;
    font-size:20px;
}

header a{
    display:inline-block;
    display:flex;
    justify-content:space-evenly;
    margin:20px 30px;
    text-align:center;
    transition:.3s;
    border-bottom: 1px solid transparent;
    padding-bottom:2px;
}

header a:hover{
    border-color:white;
}

#heroimg{
    width:100%;
    filter:brightness(40%);
    height:100vh;
    object-fit:cover;
    border-bottom:solid white 5px;
}

#hidden{
    visibility:hidden;
    color:transparent;
    transition:1.5s;
}

#hidden.unhide{
    visibility:visible;
    color:white;
}

#bottomspace {
    margin-bottom: 150px;
}

#headerMain2{
    position:absolute;
    background-color:rgba(0, 0, 0, .93);
    box-shadow: black 0px 0px 100px;
    width:100%;
    height:1300px;
    padding-bottom: 150px;
    object-fit:cover;
    z-index:999;
    color:white;
    text-align:center;
    transition:1.5s;
}

#headerMain3{
    position:absolute;
    width:100%;
    height:max-content;
    padding-bottom: 150px;
    object-fit:cover;
    z-index:999;
    color:white;
    text-align:center;
    transition:1.5s;
}

#honeypot {
    display: none;
}

form h2 {
    font-size: 70px;
    margin-bottom:-5px;
}

#form {
    margin-top: 40px;
    font-size: 40px;
}

#form input {
    padding: 15px 400px 15px 20px;
    border: none;
    border-radius: 30px;
    font-size:18px;
    transition:.2s;
}

#form input:hover{
    background-color:rgb(212, 212, 212);
}

#submit{
    padding:10px 40px !important;
    text-align:center;
}

#submit:hover{
    background-color:rgb(46, 46, 46) !important;
    color:white;
    cursor:pointer;
}

#form input, #form label{
    margin:13px;
}

#form span {
    color: #ff0000;
}

#contacthr {
    width: 30%;
    height:2px;
    background-color:white;
    border-radius:10px;
    margin-bottom: 25px;
}

#form div{
    margin-top:17px;
}

#arrow{
    position:absolute;
    color:transparent;
    user-select:none;
    font-size:30px;
    z-index:999;
    bottom:10px;
    transition:1.5s;
}

#arrow.unhide{
    color:white;
}

#arrow2{
    position:absolute;
    font-size:30px;
    z-index:999;
    bottom:10px;
    color: #fff;
}

#flexboxdiv{
    display: flex;
    justify-content: center;
}

#fingertips{
    font-size:55px;
    text-align:center;
    margin-top:50px;
    margin-bottom:50px;
    color:white;
}

.specs{
    background-color:white;
    width:20%;
    height:380px;
    border-radius:50px;
    box-shadow:rgb(129, 129, 129) 10px 0px 0px 0px;
    /* margin:auto; */
}

#divalign{
    display:flex;
    justify-content: space-evenly;
}

.specs h4{
    text-align:center;
    margin-top:30px;
    font-size:25px;
    font-weight:500;
}

.specs hr{
    width:70%;
    background-color:black;
    height:2px;
    border-radius:10px;
}

.specs p{
    margin:0px 20px;
    font-size:20px;
    height:100px;
}

.specs img{
    width:90%;
    margin-top: 20px;
    border-radius:20px;
    height:20%;
}

.alignthis{
    width:100%;
    text-align:center;
}

#h5fun {
    font-size:55px; text-align:center; margin-top:50px; color:white;
}

#hrfun {
    width:50%; margin-top:30px; height:3px; background-color:white; border-radius:10px;
}

#pfun {
    color:white; margin-top:50px; font-size:25px;margin-left:100px; margin-right:100px;
}

#pfun2 {
    color:white; margin-top:10px; font-size:25px;margin-left:100px; margin-right:100px;
}

#imgfun {
    width:100%; margin-top:60px; border-top:solid white 5px;
}

footer{
    background-color:black;
    height:300px;
    border-top:solid white 5px;
    box-shadow: 0px 0px 100px 3px rgb(0, 0, 0);
    color:white;
    text-align:center;
}

.footerh6{
    font-size:30px;
    margin-top:30px;
    font-weight:600;
}

.footerp{
    margin-top:10px;
    font-size:20px;
}

#zenithSectionAbout h5 {
    margin-top:30px;
    margin-bottom:15px;
    font-size: 60px;
    text-align: center;
}

#zenithSectionAbout {
    font-size: 25px;
    line-height: 1.8em;
    margin: 5px 50px 20px 50px;
}

#apexSectionAbout h5 {
    margin-bottom:20px;
    font-size: 60px;
    text-align: center;
}

#apexSectionAbout {
    font-size: 25px;
    line-height: 1.8em;
    margin: 5px 50px 80px 50px;
}

.asideimg {
    width: 40vw;
    margin: 0 50px;
    border-radius: 10px;
}

.asideorg {
    display: flex;
    justify-content: space-between;
}

.abouthr{
    background-color:black;
    height:3px;
    border-radius:10px;
    width:50%;
    margin-top:10px;
    margin-bottom:20px;
}

#posth2 {
    font-size: 70px;
    margin:50px 0 -30px 0;
}

@media (max-width:1000px) {
    #logo{
        width:30%;
    }

    #divalign{
        display:block !important;
    }

    .specs{
        width:70% !important;
        margin:auto !important;
    }

    .specs h4{
        margin-top:50px !important;
    }
    
    #pfun{
        text-align:center;
        margin-left:20px !important;
        margin-right:20px !important;
    }

    #pfun2{
        text-align:center;
        margin-left:20px !important;
        margin-right:20px !important;;
    }

    form h2{
        font-size:50px;
    }

    form label{
        font-size:35px;
    }

    form input{
        padding:10px 50px !important; 
    }

    form #submit{
        margin-bottom:30px;
    }

    .asideorg{
        text-align:center;
        display:block;
    }

    .asideText{
        margin-bottom:20px !important;
        line-height:1.4em;
    }

    .asideimg{
        margin: 0 !important; 
        width:100%;
    }

    #apexSectionAbout h5{
        font-size:40px;
    }

    #zenithSectionAbout h5 {
        font-size: 40px;
    }
    
    #align{
        margin-top:50px !important;
    }
}