@font-face {
	font-family: cairo-black;
	src: url("../fonts/Cairo-Black.ttf");
}
@font-face {
	font-family: cairo-bold;
	src: url("../fonts/Cairo-Bold.ttf");
}
@font-face {
	font-family: cairo-extralight;
	src: url("../fonts/Cairo-ExtraLight.ttf");
}
@font-face {
	font-family: cairo-light;
	src: url("../fonts/Cairo-Light.ttf");
}
@font-face {
	font-family: cairo-regular;
	src: url("../fonts/Cairo-Regular.ttf");
}
@font-face {
	font-family: cairo-semibold;
	src: url("../fonts/Cairo-SemiBold.ttf");
}

/* Typography */
h1,h2,h3,h4,h5,h6{
	font-family: "cairo-bold";
}
.font-weight-light{
	font-family: "cairo-light";
}
.font-weight-semibold{
	font-family: "cairo-semibold";
}
.font-weight-bold{
	font-family: "cairo-bold";
}
.btn-contact-us{
	background-color: #F3D03E;
}
.btn-main-contact-us{
	background-color: #0074A7;
}
.social-icon i{
	font-size: 1.5rem !important; 
}

/* Body */
body{
	font-family: "cairo-regular";
	padding-top: 64px;
}

/* Navbar */
.navbar{
	background: rgb(0,0,0);
	background: -moz-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(28,63,114,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(28,63,114,1) 100%);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(28,63,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#1c3f72",GradientType=1); 
}
.nav-link{
	font-family: "cairo-bold";
	color: #eee !important;
}

/* Footer */
footer{
	background: url("../img/footer.jpg");
}

/* Home */
#home h2{
	font-size: 2.5rem;
	color: #1C3F72;	
}
#parallax-home1 h1,
#parallax-home2 h1{
	font-size: 6.5rem;
	line-height: 1;
}
#container-home1,
#container-home2{
	padding: 35px 0;
}
#parallax-home1{
	/* fullscreen */
	background-image: url("../img/home1.jpg");
	height: 100vh;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-home2{
	/* fullscreen */
	background-image: url("../img/home2.jpg");
	height: 100vh;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
.box-home{
	min-height: 300px;
	text-align: center;
}
.box-home h2{
	line-height: 1.25 !important;
	padding: 0px !important;
	background: rgb(0,0,0);
	background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(28,63,114,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(28,63,114,1) 100%);
	background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(28,63,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#1c3f72",GradientType=1); 
}
.box-link:hover{
	background-color: #444546;
	-webkit-transition: background-color 0.5s linear;
	-moz-transition: background-color 0.5s linear;
	-o-transition: background-color 0.5s linear;  
	transition: background-color 0.5s linear;
}
.box-link{
	display: contents;
}

/* Manage IT */
#manageit h2{
	line-height: 1.5;
}
#parallax-manageit1{
	background-image: url("../img/manageit1.jpg");
	height: 100vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-manageit1 h1{
	font-size: 6.5rem;
	line-height: 1;
}

/* Hardware, Software, Industry */
#hardware h2,
#software h2,
#industry h2{
	line-height: 1.5;
}
#parallax-hardware1,
#parallax-software1,
#parallax-industry1{
	background-color: #1C3F72;
	height: 250px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-hardware1 h1,
#parallax-software1 h1,
#parallax-industry1 h1{
	font-size: 3rem;
	line-height: 1;
}
#hardware a i,
#software a i,
#industry a i{
	margin-left: 10px;
	font-size: 1rem;
	vertical-align: middle;
}

/* About */
#about h2{
	line-height: 1.5;
}
#parallax-about1{
	background-image: url("../img/about/about1.jpg");
	height: 100vh;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-about1 h1{
	font-size: 6.5rem;
	line-height: 1;
}

/* Team */
#team h2{
	line-height: 1.5;
}
#parallax-team1{
	background-color: #1C3F72;
	height: 250px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-team1 h1{
	font-size: 58px;
}

/* Hardware */
.img-hardware{
	max-width: 200px !important;
	max-height: 150px !important;
}
.img-hardware-primary{
	max-height: 300px !important;		
}

/* Community */
#community h2{
	line-height: 1.5;
}
#parallax-community1{
	background-color: #1C3F72;
	height: 300px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-community1 h1{
	font-size: 58px;
}

/* Supplier Partners */
#supplier-partners h2{
	line-height: 1.5;
}
#parallax-supplier-partners1{
	background-color: #1C3F72;
	height: 300px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-supplier-partners1 h1{
	font-size: 58px;
}
.img-supplier-partners{
	max-width: 150px;
}

/* Press */
#press h2{
	line-height: 1.5;
}
#parallax-press1{
	background-color: #1C3F72;
	height: 300px;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-press1 h1{
	font-size: 58px;
}
.img-press{
	max-width: 150px;
}

/* Contact */
#contact h2{
	line-height: 1.5;
}
#parallax-contact1{
	background-image: url("../img/contact1.jpg");
	height: 500px;
	background-attachment: fixed;
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}
#parallax-contact1 h1{
	font-size: 3rem;
	line-height: 1;
}

/* Mobile CSS */
@media (max-width: 576px) {
	/* Home */
	#home h2{
		font-size: 2rem;
		color: #1C3F72;	
	}
	#parallax-home1 h1,
	#parallax-home2 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}
	#container-home1,
	#container-home2{
		padding: 35px 15px;
	}

	/* Manage IT */
	#manageit h2{
		line-height: 1.5;
	}
	#parallax-manageit1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}

	/* Hardware, Software, Industry */
	#hardware h2,
	#software h2,
	#industry h2{
		line-height: 1.25;
	}
	#parallax-hardware1 h1,
	#parallax-software1 h1,
	#parallax-industry1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}

	/* About */
	#about h2{
		line-height: 1.5;
	}
	#parallax-about1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}

	/* Team */
	#team h2{
		line-height: 1.25;
	}
	#parallax-team1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}

	/* Community */
	#community h2{
		line-height: 1.25;
	}
	#parallax-community1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}

	/* Supplier Partners */
	#supplier-partners h2{
		line-height: 1.25;
	}
	#parallax-supplier-partners1{
		min-height: 500px;
	}
	#parallax-supplier-partners1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}	

	/* Press */
	#press h2{
		line-height: 1.25;
	}
	#parallax-press1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}

	/* Contact */
	#contact h2{
		line-height: 1.25;
	}
	#parallax-contact1 h1{
		font-size: 2.5rem;
		line-height: 1.25;
	}
}