body, header, main, section, article, aside, div, img, h1, h2, h3, h4, h5, h6, p, a, hr, ul, ol, li, table, tr, th, td, form, fieldset, legend, input
{
	margin: 0;
	padding: 0;
}

/*:root
{
     margin: 0;
     padding: 0;
}*/

/* RESET STYLES END HERE
-------------------------------------------------------------*/

body
{
	font-family: 'Segoe UI';
     width: 100%;
}


.btn-unique {
    background-color: rgba(255, 195, 0, 1);
    border-color: rgba(255, 255, 255, 0.5);
    color: rgba(255, 255, 255, 1);
}

.btn-unique:hover {
    color: rgba(255, 255, 255, 0.8);
}

nav#cookieConsent
{
     background-color: rgba(100, 100, 100, 0.8);
     clear: both;
     color: rgba(255, 255, 255, 1);
     padding: 0.5rem 0;
     position: absolute;
     width: 100%;
     z-index: 999;
}

nav#cookieConsent .container div[class*=col] p {
     font-family: inderRegular;
     font-size: 1rem;
     padding: 0.5rem;
}

nav#cookieConsent .container div[class*=col] a {
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     font-size: 1rem;
     padding: 0.5rem 1rem;
     text-decoration: underline;
}


header {
     background-color: transparent !important;
     clear: both;
     color: rgba(255, 255, 255, 1);
     height: auto;
     margin: 0;
     min-height: 50px;
     padding: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: 998;
}

header .container {
	margin-bottom: 0;
	padding-bottom: 0;
}

header .container div[class*=col-] {
	margin-bottom: 0;
	padding-bottom: 0;
}

header .container div[class*=col-] h1 {
	font-family: inderRegular;
	font-size: 3em;
	padding: 0.2em 0;
}

header .container div[class*=col-] h1 span {
	float: left;
	padding: 0.3em 0 0 0;
}

header .container div[class*=col-] h1 a {
	text-align: left;
	text-decoration: none;
}

header .container div[class*=col-] h1 a:hover {
	text-decoration: none;
}

header .container div[class*=col-] h1 a img {
	float: left;
     margin: 0;
	max-height: 60px;
	padding: 0;
}

header .container div[class*=col] nav
{
     float: right;
}

header .container div[class*=col] nav a
{
     color: rgba(255, 255, 255, 1);
     font-family: inderRegular;
     margin: 1rem 0.5rem;
     padding: 0.5rem;
}

header .container div[class*=col] nav ul li a
{
     color: rgba(255, 255, 255, 1) !important;
}


/* HEADER STYLES END HERE
-------------------------------------------------------------*/



main
{
	clear: both;
	height: auto;
	margin: 0;
	min-height: 80vh;
	padding: 0;
	width: 100%;
}


main #banner {
     background-attachment: fixed;
     background-image: url('/Content/images/banner.png');
     background-position: center top;
     background-repeat: no-repeat;
     background-size: cover;
	clear: both;
     color: rgba(255, 255, 255, 1);
	height: auto;
     margin: 0;
	min-height: 100vh;
	padding: 2rem 0;
	width: 100%;
}

main #banner .container {
     padding-top: 6em;
}

main #banner .container div[class*=col] #bannerText{
     clear: both;
     float: left;
     padding: 5em 0 0 2em;
}

main #banner .container div[class*=col] #bannerText h2 {
     font-family: inderRegular;
     font-size: 1.8em;
}

main #banner .container div[class*=col] #bannerText h2 span {
     color: rgba(0, 109, 217, 1);
     font-style: italic;
}

main #banner .container div[class*=col] #bannerText p {
     font-size: 1.2rem;
     font-style: italic;
     font-weight: 900;
}

main #banner .container div[class*=col] #bannerText a {
     border: 1px solid rgba(255, 255, 255, 1);
     border-radius: 0.7rem;
     color: rgba(255, 255, 255, 1);
     padding: 0.7rem 1.5rem;
}

main #banner .container div[class*=col] #bannerText a:hover {
     background-color: rgba(255, 255, 255, 1);
     border: 1px solid rgba(255, 255, 255, 1);
     color: rgba(0, 109, 217, 1);
     text-decoration: none;
     text-transform: none;
}



main #indexCol
{
	clear: both;
	height: auto;
	margin-top: -7rem;
	min-height: 200px;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

main #indexCol .container div[class*=col]
{
	padding: 0.5em 0;
}

main #indexCol .container div[class*=col] span
{
     background-color: rgba(255, 255, 255, 1);
     border-radius: 5rem;
	font-size: 3.5rem;
	padding: 0.7em;
}

main #indexCol .container div[class*=col] h2
{
	font-family: inderRegular;
	font-size: 1.8em;
	padding: 0.5em 0;
}

main #indexCol .container div[class*=col] p
{
	color: rgba(10, 10, 10, 1);
	font-family: inderRegular;
	font-size: 0.9rem;
}




main #indexAbout {
     background-attachment: fixed;
     background-image: url('/Content/images/indexAboutBg.png');
     background-position: center center;
     background-repeat: no-repeat;
     clear: both;
     color: rgba(0, 0, 0, 1);
	height: auto;
	min-height: 25vh;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

main #indexAbout .container > h2
{
     font-family: inderRegular;
     font-size: 1.8rem;
     padding: 0 0 1em 0;
}

main #indexAbout .container p
{
     font-size: 1.25em;
}





main #indexAdvantage
{
	border-top: 1px solid rgba(0, 109, 217, 1);
	clear: both;
	height: auto;
	min-height: 40vh;
	padding: 3.5em 0 5em 0;
     text-align: left;
	width: 100%;
}

main #indexAdvantage .container h2
{
	border-bottom: 0.1em solid rgba(0, 109, 217, 1);
	font-family: inderRegular;
	font-size: 1.8rem;
     margin-bottom: 1em;
	padding: 0.5em 0 0.25em 0;
	text-transform: uppercase;
}

main #indexAdvantage .container div[class*=col] ul
{
     font-family: 'Segoe UI';
	font-size: 1.1rem;
     list-style: none;
     margin: 0;
     padding: 0;
}

main #indexAdvantage .container div[class*=col] ul li
{
     list-style: none;
     margin: 0;
     padding: 0.5em 0;
}

main #indexAdvantage .container div[class*=col] ul li span
{
     color: rgba(0, 109, 217, 1);
     padding: 0 1em 0 0;
}



main #indexServices {
     background-attachment: fixed;
     background-image: url('/Content/images/indexAboutBg.png');
     background-position: center center;
     background-repeat: no-repeat;
     border-top: 1px solid rgba(0, 109, 217, 1);
     clear: both;
     color: rgba(0, 0, 0, 1);
	height: auto;
	min-height: 50vh;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

main #indexServices .container
{
     padding-bottom: 1rem;
     padding-top: 1rem;
}

main #indexServices .container h2
{
     clear: both;
     font-family: inderRegular;
     font-size: 2rem;
}

main #indexServices .container div[class*=col] span
{
     clear: both;
     font-size: 4rem;
}

main #indexServices .container div[class*=col] h2
{
     clear: both;
     font-size: 1.5rem;
}

/* IndexServices Style Ends Here
------------------------------------------- */



main #indexStats {
     border-top: 1px solid rgba(0, 109, 217, 1);
     clear: both;
     color: rgba(0, 0, 0, 1);
	height: auto;
	min-height: 20vh;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

main #indexStats .container
{
     padding-bottom: 1rem;
     padding-top: 1rem;
}

main #indexStats .container h2
{
     clear: both;
     font-family: inderRegular;
     font-size: 1.5rem;
     text-align: center;
}

main #indexStats .container div[class*=col] span
{
     clear: both;
     font-size: 3rem;
     text-align: center;
}

main #indexStats .container div[class*=col] h2
{
     clear: both;
     font-family: inderRegular;
     font-size: 1.8rem;
     padding: 0.5rem;
     text-align: center;
}

main #indexStats .container div[class*=col] h4
{
     clear: both;
     font-size: 1rem;
     text-align: center;
}


main #indexClients {
     border-top: 1px solid rgba(0, 109, 217, 1);
     clear: both;
     color: rgba(0, 0, 0, 1);
	height: auto;
	min-height: 20vh;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

main #indexClients .container
{
     padding-bottom: 1rem;
     padding-top: 1rem;
}

main #indexClients .container h2
{
     font-family: inderRegular;
}

main #indexClients .container div[class*=col] img
{
     clear: both;
     margin: auto;
}




main #indexContact {
     border-top: 1px solid rgba(0, 109, 217, 1);
     clear: both;
     color: rgba(0, 0, 0, 1);
	height: auto;
	min-height: 60vh;
	padding: 3em 0;
	text-align: center;
	width: 100%;
}

/* CONTENT STYLES END HERE
-------------------------------------------------------------*/



footer {
     background-color: rgba(38, 38, 38, 1);
	clear: both;
     color: rgba(255, 255, 255, 1);
	height: auto;
     margin: 1rem 0 0 0;
	min-height: 5vh;
     padding: 0.5rem 0 0 0;
	width: 100%;
}

footer .container 
{
     padding-top: 1rem;
     padding-bottom: 1rem
}

footer .container:not(:first-child) 
{
     border-top: 1px solid rgba(255, 255, 255, 0.2);
}


footer .container > a 
{
     color: rgba(255, 255, 255, 1);
     font-family: 'Segoe UI';
     text-decoration: none;
}

footer .container > a.btn
{
     background-color: rgba(255, 255, 255, 1);
     color: rgba(50, 50, 50, 0.5);
     margin: 1rem 0.5rem;
}

footer .container > p
{
     clear: both;
     font-family: inderRegular;
     font-size: 0.75rem;
}

footer .container div[class*=col] h2
{
     clear: both;
     font-family: inderRegular;
     font-size: medium;
     font-weight: 100;
     text-transform: uppercase;
     margin: 1rem 0;
}

footer .container div[class*=col] ul
{
     clear: both;
     font-family: inderRegular;
     font-size: small;
     font-weight: 100;
     list-style: none;
     padding: 1rem 0;
     text-transform: capitalize;
}


footer .container div[class*=col] ul li
{
     padding: 0.5rem 0;
}

footer .container div[class*=col] ul li a
{
     color: rgba(255, 255, 255, 1);
     text-decoration: none;
}


footer .container div[class*=col] a
{
     color: rgba(255, 255, 255, 1);
     font-weight: 900;
     text-decoration: none;
}