@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Spectral:200,200i,400,400i,500,500i,700,700i');
@font-face {
	src: url("../fonts/logofont.ttf");
	font-family: LogoFont;
}
*{
	
	font-family: 'Spectral', serif;
}
body{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/*background-color: #dcdcdc;*/
}
.color-white{
	background: #fff;
}
.navbar{
	margin-bottom: 0;
}
a.navbar-brand:link{
	font-family: LogoFont, "Bradley Hand ITC", serif;
	font-weight: 700;
	font-size:20px;
	color: purple;
}
a.navbar-brand:hover{
	color: magenta;
	text-shadow: 2px 2px 3px #fff;
}
.navbar-default {
	background: #fff;
	color: magenta;
	border-color: rgba(150,0,150,0.3);
}
.navbar {
	color: magenta;
	border-radius:0px;
}
.navbar-default .navbar-nav > li > a {
	color: purple;
	font-weight: 900;
	padding: 8px 15px;
	font-size: 16px;
	border-radius: 40px;
	border: 1px solid transparent;
}
.navbar-default .navbar-nav > li > a:hover {
	color: magenta;
	border-radius:0px;
	border: 1px solid magenta;
	transition:all ease 0.7s;
}
a.active{
	color: magenta;
}

/*Footer style------------------------------------------*/
.container-fluid{
	background: purple;
}
.container-fluid a{
	padding: 5px;
	color: #fff;
	margin-bottom: 25px;
}
.container-fluid input{
	margin: 0px 5px;
}
.jobs-container{
	padding: 25px;
}
.jobs-container label.pop-label{
	display: block;
	margin-top: 5px;
	color: rgba(0,0,0,0.0);
	transform: scaleY(0);
	transform-origin: bottom;
}
.jobs-container input, 
.jobs-container textarea,
.jobs-container select, 
.jobs-container button{
	color: purple;
	width: 100%;
	max-width: 100%;
	max-height: 150px;
	padding: 5px;
	outline: none;
	border: 1px solid purple;
}

.jobs-container input::-webkit-input-placeholder,
.jobs-container input:-moz-placeholder{
	color: #000;
}
.dropdown-toggle[aria-expanded="true"] {
  background:#FFF !important;
  color:magenta !important;
  border: none;
}
.dropdown-menu li a{
	padding: 10px;
	color: magenta;
}
.jobs-container button{
	background: purple;
	color: #fff;
	padding: 10px;
	border: 1px solid purple;
	box-shadow: 1px 1px 3px rgba(150,0,150,0.5);
	transition: all 0.5s;
}

.jobs-container fieldset{
	border: none;
}
.jobs-container legend{
	color: purple;
	border: none;
	width: auto;
}
.jobs-container button:hover{
	background: magenta;
	border: 1px solid magenta;
	box-shadow: 2px 2px 3px rgba(150,0,150,0.5);
	transition: all 0.5s;
}
.jobs-container select:hover, 
.jobs-container input:focus,
.jobs-container textarea:focus{
	color: magenta;
	border: 1px solid magenta;
	box-shadow: inset 0px 0px 5px rgba(150,0,150,0.5);
}
.para-justified{
	text-align: justify;
}
.ind-services:hover{
	background: rgba(150,0,150,0.3);
	cursor: pointer;
}
#social-fb{
	width: 42px;
	height: 42px;
	background: url('../img/facebook.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-tw{
	width: 42px;
	height: 42px;
	background: url('../img/twitter.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-gp{
	width: 42px;
	height: 42px;
	background: url('../img/google-plus.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-in{
	width: 42px;
	height: 42px;
	background: url('../img/linkedin.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-yt{
	width: 42px;
	height: 42px;
	background: url('../img/youtube.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-fb:hover{
	width: 42px;
	height: 42px;
	background: url('../img/facebook1.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	cursor: pointer;
	transition: all 0.5s;
}
#social-tw:hover{
	width: 42px;
	height: 42px;
	background: url('../img/twitter1.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-gp:hover{
	width: 42px;
	height: 42px;
	background: url('../img/google-plus1.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-in:hover{
	width: 42px;
	height: 42px;
	background: url('../img/linkedin1.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
#social-yt:hover{
	width: 42px;
	height: 42px;
	background: url('../img/youtube1.png') no-repeat;
	background-size: 40px;
	background-position: 0px 0px;
	border: none;
	transition: all 0.5s;
	cursor: pointer;
}
/*End of footer style---------------------------------------------*/
.icon-circle{
	height: 30px;
	width: 30px;
	line-height: 26px;
	border: 1px solid #fff;
	border-radius: 50%;
	text-align: center;
	margin-right:3px;
}
.container .navbar-brand, .navbar > .navbar-brand {
	margin-left: -40px;
	font-size: 30px;
	color: #000;
}
.icon-holder{
	height: 100px;
	width: 100px;
	border:2px solid magenta;
	border-radius: 50%;
}

.icon-holder svg{
	fill: magenta;
}
.topic-h1{
	text-transform: uppercase;
	color: purple;
	font-weight: 900;
	font-size: 41px;
	margin: 0;
	padding: 0;
}
.small-h1{
	color: magenta;
	font-weight:300;
	font-size:36px;
	margin: 0;
	padding: 0;
	line-height: 35px;
}
.sitemap-container a:link{
	text-decoration: none;
}

.sitemap-link{
	background: rgba(150,0,150,0.1);
	color: purple;
	margin: 5px;
	padding: 15px;
	transition: all 1s;
}
.sitemap-link:hover{
	background: purple;
	color: #fff;
	transition: all 1s;
}
.information-p{
	color: gray;
	font-size: 14px;
	font-weight: normal;
	text-align: justify;
}
.link-ask{
	font-size: 16px;
	font-weight:700;
}
.service-h3{
	color: magenta;
	font-weight: 700;
	text-align: center;
}
.form-control{
	font-size: 16px;
	height: 40px;
}
.details a,.details a:hover{
	float: right;
	color: magenta;
	text-decoration: underline;
}

.navbar-toggle{
	border: none;
	background: purple;
}
.navbar-toggle:hover{
	background: magenta;
}
.icon-bar{
	border: 1px solid #fff;
}

.navbar-collapse{
	border: none;
}