/*UTILITIES*/

	/*SITE WIDE*/
	body{
		margin:0px; /* Clear margins that are by default enabled */
		font-family: 'Roboto', sans-serif;
		color:white;
	}
	hr{
		border:0;
		color:white;
		background-color:white;
		height:2px;
	}
	
	/*DEFAULT NICE LOOKING CONTENT AREA*/
	.content{
		padding-top:25px;
		padding-left:25%;
		padding-right:25%;
	}

	/*CENTERS IMAGES*/
	.centered{
		display: block;
	    margin-left: auto;
	    margin-right: auto;
	    max-height:100%;
	}

	/*color-inverter.js REQUIRED*/

	.noninverted{
		color:white;
	}

	.inverted{
		color:black !important;
		fill:black !important;
		border-color:black !important;
	}

	.active .inverted{
		color:white !important;
	}

	/*JQUERY UI TOOLTIP*/

	.ui-tooltip {
    	position: fixed;
    	right:300px;
    	font-size: 10px
  	}

  	/*MODAL*/

  	.modal {
		display: none;
		position: fixed;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		background-color: rgba(0,0,0,.7);
	}

	.close {
		color: white;
		position: absolute;
		top: 10px;
		right: 25px;
		font-size: 35px;
		font-weight: bold;
	}

	#modalImage{
		display:block;
		max-height: 100vh;
		margin:auto;
	}




/*END UTILITIES*/

/*NAVIGATION BAR STYLE*/
	
	#boxlogosvg{
		position:fixed;
		right:2rem;
		width:300px;
		fill:white;
		
	}
	
	#logosvg{
		position:fixed;
		left:500px;
	}

	.fixednav{
		position: fixed;
		right: 0px;
	    width: 300px;
	    height: 100%;
	}

	.fixednav ul {
		position:fixed;
		top:8rem;
		display:inline-block; 
		vertical-align: middle;
	    list-style-type: none;
	}

	.fixednav li a {
	    display: block;
	    text-align: right;
	    text-decoration: none;
	    padding-bottom: 10px;
	    font-size:24px;
	    font-weight: 500;
	    color:white;
	    transition: .1s;
	}

	
	footer{
		position:fixed;
		color:white;
		bottom:2rem;
		text-align: right;
	}

	footer a{
		color:lightgray;
		text-decoration: none;
	}

	/*ACTIVE NAV CIRCLE THAT MOVES*/
		.activelink{
				
			/*STARTING SIZE*/

			width:15px;
			height:15px;
			border:solid 1px white;
			border-radius:25px;

			/*POSITION*/
			z-index: -1;
			position:absolute;
			top:146px;
			left:155px;
		}

/*END NAVIGATION BAR STYLE*/

/*FULL VERTICAL SECTION DEFAULT STYLE */
	
	.heightwindow{
		height:100vh;
	}

	.fullsection{
		width:100%;
		height:100%;
	}

/*END FULL VERTICAL SECTION*/

/*HOME SECTION*/

	#home{
		background: #FC3000;
	}

	.sliderimage{
		width:200px;
	}

	.bigtext{
		font-size:50px;
		font-weight: 900;
	}

	#home .bigtext{
		color:white;
	}

/*ABOUT SECTION*/

	#about{
		background:#ffba08;
	}

	#about h1{
		border:black;
	}

	#about h3{
		color:black;
	}

	#about hr{
		color:black;
		background-color:black;
	}

	#about ul{
		color:black;
	}

	#about p{
		color:black;
	}

	img{
		max-width: 100%;
	}

	#about .bigtext{
		color:black;
	}

	.column{
		width:50%;
		float:left;
	}
	.row:after{
		content:"";
		display:table;
		clear:both;
	}

/*GALLERY SECTION*/

	#gallery{
		background-color:#3f88c5;
	}

/*DEMOS SECTION*/

	#demos{
		background-color:#032b43;
	}

/*CONTACT SECTION*/

	#contact{
		color:black;
	}

/*HIDEBOX THINGS*/

	.hideme
	{
	    opacity:0;
	}

	.contentbox{

		height:500px;
		margin-top:20px;
		border-radius:7px;
		border:solid 1px ;

	}

/*ACCORDION STYLES*/

.ui-state-active{
	border:none;
	background-color:white;
}

/*FORM THINGS*/

input[type=text], select {
                          width: 100%;
                          padding: 12px 20px;
                          margin: 8px 0;
                          display: inline-block;
                          border: 1px solid #ccc;
                          border-radius: 4px;
                          box-sizing: border-box;
                        }

                        input[type=submit] {
                          width: 100%;
                          background-color: black;
                          color: white;
                          padding: 14px 20px;
                          margin: 8px 0;
                          border: none;
                          border-radius: 4px;
                          cursor: pointer;
                        }

                        input[type=submit]:hover {
                          background-color: gray;
                        }