@font-face {
    font-family: 'Neuzeit Office';
    src: url('fonts/NeuzeitOffice-BoldItalic.eot');
    src: url('fonts/NeuzeitOffice-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeuzeitOffice-BoldItalic.woff2') format('woff2'),
        url('fonts/NeuzeitOffice-BoldItalic.woff') format('woff'),
        url('fonts/NeuzeitOffice-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Neuzeit Office';
    src: url('fonts/NeuzeitOffice-Italic.eot');
    src: url('fonts/NeuzeitOffice-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeuzeitOffice-Italic.woff2') format('woff2'),
        url('fonts/NeuzeitOffice-Italic.woff') format('woff'),
        url('fonts/NeuzeitOffice-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Neuzeit Office';
    src: url('fonts/NeuzeitOffice-Bold.eot');
    src: url('fonts/NeuzeitOffice-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeuzeitOffice-Bold.woff2') format('woff2'),
        url('fonts/NeuzeitOffice-Bold.woff') format('woff'),
        url('fonts/NeuzeitOffice-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Neuzeit Office';
    src: url('fonts/NeuzeitOffice-Regular.eot');
    src: url('fonts/NeuzeitOffice-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeuzeitOffice-Regular.woff2') format('woff2'),
        url('fonts/NeuzeitOffice-Regular.woff') format('woff'),
        url('fonts/NeuzeitOffice-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neuzeit S LT Std';
    src: url('fonts/NeuzeitSLTStd-Book.eot');
    src: url('fonts/NeuzeitSLTStd-Book.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeuzeitSLTStd-Book.woff2') format('woff2'),
        url('fonts/NeuzeitSLTStd-Book.woff') format('woff'),
        url('fonts/NeuzeitSLTStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Neuzeit S LT Std';
    src: url('fonts/NeuzeitSLTStd-BookHeavy.eot');
    src: url('fonts/NeuzeitSLTStd-BookHeavy.eot?#iefix') format('embedded-opentype'),
        url('fonts/NeuzeitSLTStd-BookHeavy.woff2') format('woff2'),
        url('fonts/NeuzeitSLTStd-BookHeavy.woff') format('woff'),
        url('fonts/NeuzeitSLTStd-BookHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}


h1, h2, h3, h4{
    font-family: 'Neuzeit Office';
    font-weight: normal;
    font-style: normal;
}

h4{
    margin-bottom: 1.5rem;
}

h4 a {
    color: #000;
}

h4 a:hover, h4 a:focus, h4 a:active, h4 a:visited {
    color: #000000;
    text-decoration: none;
}

.container{
	max-width:100%;
}

.leftbox{
    padding-left:8%;
    padding-right:8%;
}

.rightbox{
    padding-left:8%;
    padding-right:8%;
}

.topbox{
	background-color:#ebebeb;
	height:100vh;
}

.midbox{
    height: 100vh;
    top: 0;
    position: absolute;
  -webkit-transition: padding-top 0.3s;
  -moz-transition: padding-top 0.3s;
  -o-transition: padding-top 0.3s;
  transition: padding-top 0.3s;
}


@media only screen and (max-width: 991px) {
.middropped{
    padding-top:200px;
}
}

.scrollbox{
    overflow: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.noscroll{
	height:100vh;
}

.scrollcontain{
    display: flex;
    overflow: hidden;
    height: 100vh;
    position: relative;
    backface-visibility: hidden;
    will-change: overflow;
}

.maintext{
position: absolute;
top: 50%;
transform: translateY(-50%);
width:100%;
}

.centralhor{
	text-align:center;
}

.centralver{
position: relative;
height:100%;
}

.spacer{
	width:10px;
	height:20px;
}

.spacerbig{
  width:10px;
  height:300px;
}

.leftbox{
	background:#E5F3F9;
}

.navig{
  position: absolute;
top: 10px;
left: 0;
width: 100%;
z-index: 1000;
}

.navleft{
  text-align:right;
}

.navtitle{
    position: absolute;
    left: 15px;
    top: 0px;
}

.navleft h4{
    display: inline;
    margin-left:20px;
    margin-right:20px;
}

.navright h4{
    display: inline;
    margin-left:20px;
    margin-right:20px;
}

.spacetop{
  margin-top:150px;

}


.home{

}

.about{
  display:none;
}

.services{
  display:none;
}

.contact{
  display:none;
}

.reviews{
    display:none;
}

.projectssmall{
    display:none;
}

.photobox{
    margin-bottom:8em;
}

.photobox img{
    width: 100%;
    height: auto;
}

.photobox p{
    font-family: 'Neuzeit Office';
    font-weight: normal;
    font-style: normal;
    color:#000;
    font-size:0.9rem;
}

.photobox a, .photobox a:hover{
    color:#000;
    text-decoration:none;
}

.imgcaption{
    margin-top:10px;
}

.navig a{
    cursor: pointer;
}

.services li{
    margin-bottom:20px;
}

.gradientl {
    position:fixed;
    z-index:500;
    top:0; left:0;
    height:200px;
    width:50%;
}

.gradientr {
    position:fixed;
    z-index:500;
    top:0; right:0;
    height:200px;
    width:50%;
}

#myText{
    position:fixed;
    top:0px;
    right:0px;
    z-index:1001;
}


canvas#lgradient {
    position:fixed;
    top:0px;
    left:0px;
    height: 130px;
    width: 50%;
    z-index:999;
}

canvas#rgradient {
    position:fixed;
    z-index:999;
    top:0px;
    right:0px;
    height: 130px;
    width: 50%;
}

.tablemenu{
    position:absolute;
    left:0px;
    width:100%;
}

.tablemenu h4{
    margin-bottom: 0.5rem;
    margin-left:15px;
}

.tablemenu a, .tablemenu a:hover{
    color:#000;
    text-decoration:none;
}

.collapser{
    width:100%;
    border-bottom: 1px solid black;
}

.collapserinside{
    padding-top: 20px;
    padding-bottom: 20px;
}



.reviews h4{
    margin-bottom: 0px;
}

.topright{
    position:fixed;
    right:15px;
    top:12px;
}

.topright svg{
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.turnt svg{
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media only screen and (min-width: 992px) {
    .tablemenu {
        display:none;
    }
}

@media only screen and (max-width: 991px) {
    .widehide{
        display:none;
    }
    .navright {
        display:none;
    }
    canvas#lgradient {
            width: 100%;  
    }
    canvas#rgradient {
            display:none; 
    }
    .navtitle {
        display:none;
    }
}

@media only screen and (max-width: 500px) {
    .leftbox {
        padding-left: 15px;
        padding-right: 15px;
    }

}


@media (max-width:1127px) and (min-width:992px) {
    .navtitle {
        display:none;
    }
}