@charset "utf-8";
/* Electraspec Main CSS Document */

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,600,700|Roboto:400,500,700');


body { 
	padding-top: 138px; 
	background-image: url(../images/bg.png);
	background-repeat:repeat;
	
}


@media screen and (max-width : 768px){	
body {
    padding-top: 111px; 
	
	}
}
	
/* Main Elements */

.contact-bar {
	background-color: #101362;
	font-size: 1em;
	color: #b8b4b3;
}

.contact-bar a {
	color: #dc9423;

}

.contact-bar a:hover {
	color: #dc9423;
	text-decoration: none;

}

.contact-bar-lcol {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.8em;
	padding-top: 8px;
}

.contact-bar-rcol {
	text-align: right;
	font-size: 1.2em;
}

.contact-bar-map-icon {
	font-size: 1.2em;
}


.logo {
	width: 292px;
}

@media screen and (max-width : 768px){	
.logo {
    width: 203px;
}
}

.carousel-caption {
    background: rgba(20, 25, 129, 0.80);
	top: 50%;
    transform: translateY(-50%);
	bottom: initial;
	padding-top: 15px;
	padding-bottom: 0px;
}


.home-caption {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 1.8em;
	font-weight: 600;
	text-transform: uppercase;
	color: #dc9423;
	
}

.home-sub-caption {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.9em;
	font-weight: 400;
	color: #b8b4b3;
	
}

/* Layout */

h1 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.8em;
	font-weight: 500;
}

h2 {
	font-family: 'Roboto', sans-serif;
	font-size: 1.5em;
	font-weight: 500;
}


.body {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 1em;
}

.body a {
	color: #141981;
	font-weight: 600;
	text-decoration: none;
}

.body a:hover {
	color: #141981;
	text-decoration: underline;
}

.no-padding {
	padding: 0;
}




/* Footer */

.fluid-container-footer {
	background-color: #141981;
	padding: 15px;
}

.footer {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.9em;
	color: #b8b4b3;
	font-weight: 400;
	line-height: 24px;
}


.footer a {
	color: #b8b4b3;
	text-decoration: none;
	font-weight: 400;
}

.footer a:hover {
	color: #dc9423;
	text-decoration: none;
}

.footer-r-col {
	text-align: right;
}

@media screen and (max-width : 768px){	
.footer, .footer-r-col {
    text-align: center;
}
}