@font-face {
	font-family: PT-Sans;
	src: url(../_fonts/PT_Sans-Web-Regular.ttf);
}

h2 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	font-weight: bold !important;
	text-align: center;
}

#bountyBoard p {
	font-size: 18px;
	text-align: center;
}

.row {
	padding-bottom: 20px;
	/* height: 400px; */
}

/*#signUpHeader {
  color: white;
  font-family: sans-serif;
}*/

/*#signUp {
  margin: 0 auto;
  color: white;
}*/

.signUpForm {
	width: 250px;
	height: 30px;
	border-radius: 10px;
	display: block;
	margin: 7px;
}

#submitSignUp {
	background-color: #ffa500;
	font-family: Helvetica;
	font-size: medium;
	color: #fafafa;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
	padding-bottom: 40px;
	color: #5a5a5a;
}

h1 {
	padding-top: 5px !important;
}

/* CUSTOMIZE THE CAROUSEL - not singed in
-------------------------------------------------- */

/* Carousel base class */
.carousel {
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
	height: 500px;
}
.carousel-inner > .item > img {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

/* Bump up size of carousel content */
.carousel-caption p {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 1.4;
}

/* Bounty Wall
-------------------------------------------------- */

#bountyBoard {
	margin-top: 10px;
	height: 400px;
	margin-bottom: 40px;
}

.bountyWall {
	padding: 0;
	background-image: url("/../_images/_random/wanted_240x308.png");
	background-size: 255px 308px;
	background-repeat: no-repeat;
	background-position: center;
	height: 400px;
}

.bountyName {
	padding: 10px;
	font-size: 18px;
	font-weight: 800;
	white-space: pre-wrap;
	text-align: center;
}

.img-circle {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 140px;
}

.rowBenefit {
	height: 300px;
}

.imageBenefit {
	display: block;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	height: 80px;
	width: 80px;
}

.benefit {
	margin-top: 40px;
}

.portrait {
	padding-top: 40px;
	height: 245px !important;
}

.cycle-slideshow p {
	margin: 0;
	font-size: 18px;
	text-align: center;
}

.ourservice p {
	font-size: 18px;
	text-align: center;
}

.ourservice-content {
	background-color: black;
	color: white;
	padding: 10px;
}

.ourservice-content {
	padding: 40px;
}

.ourservice-icon {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;
	background-color: white;
}

.ourservice-icon.development {
	width: 100px;
	height: 100px;
	background-image: url("/../_images/_svg/development.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

.ourservice-icon.consulting {
	width: 100px;
	height: 100px;
	background-image: url("/../_images/_svg/consulting.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

.ourservice-icon.penetration {
	width: 100px;
	height: 100px;
	background-image: url("/../_images/_svg/penetration.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

.ourservice-icon.compliance {
	width: 100px;
	height: 100px;
	background-image: url("/../_images/_svg/compliance.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

.ourservice-icon.bug {
	width: 100px;
	height: 100px;
	background-image: url("/../_images/_svg/bug.svg");
	background-size: cover;
	background-repeat: no-repeat;
}

.ourservice-icon:hover {
	animation: rotate 1s linear infinite;
	transform-origin: center;
}

@keyframes rotate {
	from {
		transform: rotateY(0deg);
	}
	to {
		transform: rotateY(360deg);
	}
}

.ourservice-title {
	height: 100px !important;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.ourservice-description {
	padding: 5px;
}
