*{
	margin: 0;
	padding: 0;
}

*:focus{
	outline: none;
}

html, body {
	height: 100%; 
	width: 100%; 
	margin: 0;
	background: #fff;
}

/**********************************************************definitions********************************************************/

.bg-image{
	width: 100%;
	height: 70%;
	filter: brightness(70%);
}

.top-titles{
	color: #ddd;
	font-family: 'Open Sans';
	position: relative;
	top: -50%;
	font-size: 3vw;
	margin-bottom: -15%;
}

.software-imgs{
	height: 8vw;
	border-radius: 1vw;
}

#microstation{
	height: 12vw;
}

/************************************************************header***********************************************************/

.header{
	position: fixed;
	width: 100%;
	height: 5vw;
	background: #fff;
	color: #fff;
	z-index: 1000;
}

#navbar-logo img{
	height: 4vw;
	width: 20vw;
	
}

.header h1 a{
	color: #fff;
	text-decoration: none;
}

.nav-links{
	font-family: 'Karla';
	font-size: 2vw;
	color: #000;
	position: relative;
	float: right;
	margin-left: 5vw;
	right: 3vw;
	bottom: 1.5vw;
	text-decoration: none;
	display: inline-block;
}

.mobile-bars{
	display: none;
}

.header-side-menu-content{
	display: none;
}

/************************************************************index-page***********************************************************/

.index-content{
	width: 75%;
	font-family: 'Open Sans';
}

.index-content h1{
	font-size: 3vw;
	margin-bottom: 5%;
	font-weight: normal;
}

#index-beginning-info-title{
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Open Sans';
	font-weight: normal;
	text-align: center;
	font-size: 3vw;
	margin-bottom: 3vw;
}

.index-beginning-info{
	width: 85%;
	font-family: 'Open Sans';
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5vw;
}

.index-beginning-info h1{
	font-weight: normal;
	font-size: 3vw;
	width: 10% !important;
	margin-bottom: 3vw;
}

.index-beginning-cards{
	display: flex;
}

.index-beginning-card{
	width: 25%;
	margin-right: 8vw;
}

.index-beginning-card-img{
	height: 15vw;
	width: 105%;
}

.index-beginning-card h1{
	text-align: left;
}

.mobile-nav-links{
	display: none;
}

.software-lines{
	float: left;
	margin-bottom: 5vw;
	display: flex;
	background: #fff;
}

.software-thumb img{
	margin: 1vw;
}

.software-thumb{
	border-radius: 0.5vw;
	height: 15vw;
	width: 20vw;
	margin-left: 3vw;
	color: #ddd;
	font-size: 2.5vw;
	background: #192c46;
	transition: 0.2s;
}

.software-thumb:hover{
	filter: brightness(150%);
	transition: 0.2s;
}

.index-videos{
	float: left;
	margin-bottom: 5vw;
	display: flex;
}

.video-thumb{
	height: 20vw;
	width: 30vw;
	margin-left: 3vw;
}

#last-logo{
	height: 10vw;
}

/******************************************************************footer***********************************************************/

.footer{
	width: 100%;
	height: auto;
	margin-top: 5vw;
	color: #ddd;
	font-family: 'Open Sans';
	border-top: solid 0.3vw #000;
	background: #fff;
}

.footer-content{
	margin: 3vw;
}

#footer-logo{
	height: 5vw;
}

.footer-social-media{
	font-size: 3vw;
	color: #000;
	position: relative;
	right: 1vw;
}

.footer-social-media a{
	text-decoration: none;
	margin-left: 1vw;
	color: #000;
}

.footer-social-media a:visited{
	color: #000;
}

#facebook-footer:hover{
	color: #162c49;
}

#instagram-footer:hover{
	color: #cb3e81;
}

#youtube-footer:hover{
	color: #BA1600;
}

.footer-columns{
	float: right;
	display: flex;
	margin-top: -5vw;
}

.mobile-footer-columns{
	display: none;
}

.footer-column{
	display: inline-block;
	margin-left: 3vw;
}

.footer-columns a{
	font-size: 1.5vw;
	position: relative;
	right: 1vw;
}

.footer-columns a:hover{
	text-decoration: underline;
}

.footer-direction{
	color: #000;
	font-size: 0.8vw;
	margin-top: 5vw;
}

.footer-direction button{
	margin-top: 1vw;
	height: 3vw;
	width: 26vw;
	background: #162c49;
	color: #ddd;
	font-size: 1.3vw;
	border: none;
	border-radius: 0.3vw;
	cursor: pointer;
}

.footer-direction button:hover{
	background: #1F4474;
}

#made-by{
	margin-top: -3vw;
	color: #000;
	float: right;
}

/************************************************************r&p-pages***********************************************************/

.rp-content{
	display: flex;
}

/************************************************************r&p-software***********************************************************/

.rp-content-software{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 30%;
	font-family: 'Open Sans';
	margin-top: 3vw;
	margin-bottom: 3vw;
	border-radius: 0.3vw;
	background: #C6C6C6;
	transition: 0.3s;
}

.rp-content-software:hover{
	background: #DADADA;
	transition: 0.3s;
}

.rp-content-software img{
	height: 5vw;
	width: 5vw;
}

.rp-content-software h2{
	display: inline-block;
	position: relative;
	top: -0.3vw;
	font-size: 3vw;
}

.rp-content-software hr{
	height: 0.2vw;
	background: #000;
	border: none;
}

.rp-content-software p{
	font-size: 1.5vw;
	margin-bottom: 2vw;
}

.rp-content-software a{
	color: #000;
	font-size: 1.5vw;
}

.rp-content-software-head{
	margin: 1vw;
}

.rp-content-software-body{
	margin: 1vw;
}

/*Civil Part*/

.rp-content-software-civil{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	font-family: 'Open Sans';
	margin-top: 3vw;
	margin-bottom: 3vw;
	border-radius: 0.3vw;
	background: #C6C6C6;
	transition: 0.3s;
}

.rp-content-software-civil:hover{
	background: #DADADA;
	transition: 0.3s;
}

.rp-content-software-civil img{
	height: 5vw;
	width: 5vw;
}

.rp-content-software-civil h2{
	display: inline-block;
	position: relative;
	top: -0.3vw;
	font-size: 3vw;
}

.rp-content-software-civil hr{
	height: 0.2vw;
	background: #000;
	border: none;
}

.rp-content-software-civil p{
	font-size: 1.5vw;
	margin-bottom: 2vw;
}

.rp-content-software-civil a{
	color: #000;
	font-size: 1.5vw;
}

/************************************************************about-page***********************************************************/

.about-page{
	font-family: 'Open Sans';
	margin: 3vw;
}

.about-sides-titles{
	font-size: 4vw;
}

.first-about-sector-text{
	width: 50%;
	font-weight: normal;
	line-height: 4vw;
	font-size: 2.3vw;
}

#first-about-sector-img{
	float: right;
	height: 20vw;
	margin-right: 5vw;
	margin-top: -20vw;
}

.second-about-sector{
	margin-top: 5vw;
	text-align: right;
}

.second-about-sector-text{
	width: 50%;
	float: right;
	font-weight: normal;
	line-height: 4vw;
	font-size: 2.3vw;
}

.second-about-sector-img{
	height: 30vw;
	float: left;
	margin-left: 5vw;
}

.third-about-sector{
	margin-top: 30vw;
	width: 97%;
	margin-right: -10vw;
}

#third-about-sector-title{
	font-size: 3vw;
	margin-bottom: 3vw;
}

.third-about-cards{
	width: 90%;
	display: flex;
	margin-left: auto;
	margin-right: auto;
}

.third-about-card{
	width: 30vw;
	color: #ddd;
	background: #162c49;
	margin-right: 5vw;
	margin-bottom: 5vw;
	position: relative;
	left: 3vw;
	border-radius: 0.5vw;
	cursor: pointer;
}

.third-about-card:hover{
	filter: brightness(110%);
}

.third-about-card h1, h3{
	margin: 1vw;
}

.third-about-card h1{
	font-size: 1.5vw;
}

.third-about-card h3{
	font-weight: normal;
	font-size: 1.5vw;
}

.third-about-card img{
	border-radius: 0.5vw 0.5vw 0 0;
	height: 18vw;
	width: 100%;
}

.mobile-about-squares{
	display: none;
}

/************************************************************others***********************************************************/

#microstation-card-link{
	position: relative;
	top: 2vw;
}

#lumenrt-card-link{
	position: relative;
	top: 2vw;
}