@import url("fonts.css");

body { font-family: Averta-Regular; }

body {
  min-height: 600px;
  padding-top: 60px;
  background: #F9FBFc;
}


/*
 * Nav bar
 *
 */

@media (min-width: 767px) {
  .navbar .navbar-nav {
    display: inline-block;
  	float: none;
  	vertical-align: top;
}

	.navbar  {
	  text-align: center;
	}
	.navbar-nav li a {
 		line-height: 38px;
 	}


}

.navbar-brand {
    padding-top:15px !important; padding-bottom:0 !important;
    height: 65px;
}
.navbar-toggle{
	margin-top:15px;

}

.navbar-nav li a {
 font-size: 12px;
 text-transform: uppercase;
}

.navbar-nav li a.btn {
 line-height: 25px;
 margin-top: 15px;
 background-color: #ffffff;
 border: 2px solid #2cbd81;
 color: #2cbd81;
 border-radius: 25px;
 text-transform: uppercase;
 font-size: 12px;
 padding: 5px 15px 0px 15px;

}



/*
 * Header
 *
 */

.header{

  	margin: 0px 0 0;
  	position: relative;
  	text-align: center;
  	-webkit-background-size: padding-box;
  	-moz-background-size: padding-box;
  	-o-background-size: padding-box;
  	background-size: padding-box;
  	height: 250px;
  	overflow: hidden;


}
.header-small{

	height: 150px;

}

.header-image{

  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;

}
.header-bar{

		background-color:rgba(58,71,91,0.8);
		padding: 20px;


}
.header h1{

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  background: transparent;
  font-family: Averta-Extrathin;
  font-size: 50px;
  margin-top: 70px;
}
.header-small h1{

 margin-top: 40px;

}



.page-billboard{

	border-bottom: 2px solid #E6E6E6;


}

/*
 * Font colors
 *
 *
 */
.white{

	color: #ffffff;

}

.gray{
	color:rgba(255,255,255,0.5);

}
/*
 * Backgrounds
 *
 */

.white-bg{

	background: #ffffff;

}

.pattern-bg{

	background: url(../img/iggbo-pattern_gray_2.svg);


}
.navy-bg{
	background-color: #3A475C;
	 z-index: 300;

}
.bluegreen-bg{
	background-color:#14BBD0;

}
/*
 * Form Elements
 *
 */


.cr-styled{
	display:inline-block;
	margin:0px 0px;}

.cr-styled i{
	display:inline-block;
	height:20px;
	width:20px;
	cursor:pointer;
	vertical-align:middle;
	border:2px solid #14BBD0;
	border-radius:3px;
	text-align:center;
	padding-top:1px;
	background: #14BBD0;
	font-family: 'FontAwesome';}

.cr-styled input{
	visibility:hidden;
	display:none;}



/* Checkbox */
.cr-styled input[type=checkbox]:checked + i:before{
	content: "\f00c";}


/* Radio */
.cr-styled input[type=radio] + i{
	border-radius:20px;}
.cr-styled input[type=radio]:checked + i:before{
	content: "\f111";}




/*** cr-styled Theaming/Colorss ***/

.cr-styled input:checked + i{
	border-color:#14BBD0;
	color:#FFFFFF;}


/*
 * Typogrophy
 *
 */

h2, h3, h4{
	color:#3A475C;
	font-family: Averta-Bold;
	letter-spacing: .5px;

}
h5{
	font-family: Averta-Regular;

}
.extra-large{

	font-size: 45px;

}
.jumbo-font{

  font-size: 80px;

}
@media (max-width: 767px) {
 .jumbo-font{
   text-align: center;
   font-size: 40px;

 }

}

h3{

	font-size: 22px;
	line-height:30px;
}

p{
	font-size: 16px;

}

p.small{

	font-size: 14px;
}

p.large {

	font-size:20px

}

.thin-font{

	font-family:Averta-Thin;

}
.extrathin-font{

	font-family:Averta-Extrathin;

}
.bold-font{

	font-family:Averta-Bold;

}

.extrabold-font{

	font-family:Averta-ExtraBold;

}
.regular-font{

  font-family: Averta-Regular;

}
.italic-font{

	font-family: Averta-ExtraThinItalic;

}
ul.no-list   {

list-style: none;
padding-left:0;

}

.align-bottom{

	vertical-align: bottom;

}

.trans_border {
    padding:20px;

    position:relative;
    background: rgb(204, 204, 204); /* Fallback for older browsers without RGBA-support */
    background: rgba(204, 204, 204, 0.5);
}


/**
 * Custom Buttons
 *
 */

.green_rounded_filled{

	border-radius: 5px;
	background: #2cbd81;
	color: #ffffff;
	border: 0px;
	padding: 5px 25px 5px 25px;
	text-transform: uppercase;
}

.navy_rounded_filled{

	border-radius: 25px;
	background: #3A475C;
	color: #ffffff;
	border: 0px;
	padding: 5px 25px 5px 25px;
	text-transform: uppercase;
}
.green_square_filled{

	border-radius: 5px;
	background: #2cbd81;
	color: #ffffff;
	border: 0px;
	padding: 5px 25px 5px 25px;
	text-transform: uppercase;
}
.navy_square_filled{

	border-radius: 5px;
	background: #3A475C;
	color: #ffffff;
	border: 0px;
	padding: 5px 25px 5px 25px;
	text-transform: uppercase;
}

.orange_square_filled{

	border-radius: 5px;
	background: #F99B0D;
	color: #ffffff;
	border: 0px;
	padding: 5px 25px 5px 25px;
	text-transform: uppercase;
}
.orange_rounded_filled{

	border-radius: 25px;
	background: #F99B0D;
	color: #ffffff;
	border: 0px;
	padding: 5px 25px 5px 25px;
	text-transform: uppercase;
}
.green_rounded{

	border-radius: 25px;
	background: #FFFFFF;
	color: #2cbd81;
	border: 2px #2cbd81;
	padding: 5px 15px 5px 15px;
	border: 2px solid #2cbd81;
	font-size: 12px;
	font-family: Averta-Regular;
}
.bluegreen_rounded{
	border-radius: 25px;
	background: #FFFFFF;
	color: #14BBD0;
	padding: 5px 10px 5px 10px;
	border: 2px solid #14BBD0;

}



/*
 * General Card design
 *
 */

 .card{

	border-radius: 5px;
	background-color: #ffffff;
	padding: 20px;
	border: solid 0.5px rgba(58, 71, 92, 0.1);
	box-shadow: 2px 2px 2px #CCCCCC;

 }

 .left-border{

	border-left: 1px solid #cccccc;
	padding-left: 20px;

 }

 @media (max-width: 767px) {
	.left-border{

		border-left: 0px;
		padding-left: 5px;

	}

}

 /*
  * Headers
  *
  */

.bg-img-fixed-content-400 {
  background-color: #222;
  margin: 0px 0 0;
  padding-top: 30px;
  position: relative;

  -webkit-background-size: padding-box;
  -moz-background-size: padding-box;
  -o-background-size: padding-box;
  background-size: padding-box;
  height: 520px;
  overflow: hidden;

}

.home-background-1{
  background: url(../img/image_home_bg.jpg) top center no-repeat;

  background-size:100%;
}

.home-background-2{
  background: url(../img/iggbo_app_banner.jpg) top center no-repeat;
  background-size:100%;
}

.bg-img-fixed-content-300 {
  background-color: #222;
  margin: 0px 0 0;
  position: relative;
  text-align: center;
  -webkit-background-size: padding-box;
  -moz-background-size: padding-box;
  -o-background-size: padding-box;
  background-size: padding-box;
  height: 300px;
  overflow: hidden;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;

}

/* Text promo section */
.home-promo {
   display: inline-block;
  color: #fff;
  position: relative;
  z-index: 10;
  width: auto;
  margin: 0 auto;
}

.home-promo .titlepro {
  font-size: 20px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  background: transparent;
  font-family: Averta-Extrathin;
}

.home-promo .titlepro span {
  display: block;
}

.home-promo .titlepro .middle {
  margin-top: 75px;
  margin-bottom: 10px;
  font-size: 36px;
  color: #EEF3F5;
  text-align: left;
  padding: 0 20px 0 20px;
}

.home-promo .titlepro .middle strong {
  color: #3498DB;
}


.spacer20{

	min-height: 20px;

}
.spacer40{

	min-height: 40px;

}



.home_icon{
	padding-bottom: 20px;
}

/*
 * Custom Divs
 *
 */

.content-div{

	padding: 30px;
	font-family: Averta-Thin;
}

#read_about_us{

padding: 10px;
	color: #ffffff;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	width: 101%;


}
#read_about_us a {

	color: #ffffff;

}

.navy-bg-trans{

	background: #3A475C;
  filter: alpha(opacity=80);
  /* IE */
  -moz-opacity: 0.8;
  /* Mozilla */
  opacity: 0.8;
  /* CSS3 */
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;

}


#home-callout{

	padding: 40px;
	background-color: #F9FAFB;

}
#goingplaces{

	color: #3A475C;

}

#join-us{

	color: #ffffff;
	background-color: #14BBD0;

}


.navy{
	color: #3A475C;
}

.red{

	color: #F4754D;

}
.orange{

	color: #F99B0D;

}
.green{

	color: #59D8A3;
}
.yellow{

	color: #FFFF00;

}

/*
 * Footer
 *
 */
.footer {

  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  background-color: #3A475C;
}
.footer ul{
	list-style: none;
	margin-left: 0px;
}
.footer ul li{
	display: inline;

}

/***** Testimonials *****/

.testimonials-container { padding-bottom: 70px; }

.testimonial-list { padding-top: 30px; text-align: left; }

.testimonial-list .tab-pane { overflow: hidden; }

.testimonial-list .testimonial-image { float: left; width: 17%; margin: 10px 0 0 0; }
 img.testimonial-image {
	max-width: 150px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 10px;
	border: 1px solid #cccccc;
}

.testimonial-list .testimonial-text { float: left; width: 95%; }
.testimonial-list .testimonial-text p { opacity: 0.8; font-family:Averta-LightItalic; font-size: 30px; }
.testimonial-list .testimonial-text .testimonial-signature { opacity: 0.8; font-family: Averta-Regular; font-size: 32px;}
.testimonial-list .testimonial-text a { color: #fff; border-bottom: 1px dotted #fff; }
.testimonial-list .testimonial-text a:hover,
.testimonial-list .testimonial-text a:focus { color: #fff; border: 0; }

.testimonial-list .nav-tabs { border: 0; text-align: right; }
.testimonial-list .nav-tabs li { float: none; display: inline-block; margin-left: 10px; margin-right: 10px; }

.testimonial-list .nav-tabs li a {
    width: 16px; height: 16px; margin: 0; padding: 0;
    background: none; border: 1px solid #fff; border-color: #59D8A3;
    -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
}
.testimonial-list .nav-tabs li a:hover {
	background: #fff; background: rgba(255, 255, 255, 0.8);
    border: 1px solid #fff; border-color: rgba(255, 255, 255, 0.8);
}
.testimonial-list .nav-tabs li.active a,
.testimonial-list .nav-tabs li.active a:focus { background: #59D8A3; border: 0; }

/**
 * Randomness
 *
 */

.image-circle{

	max-width: 400px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; margin-bottom: 10px;



}

.partner-image{

	margin: 20px;
	display: block;

}
.press-image{

	margin: 20px;
	display: block;
	margin-left: 80px;

}

.top-border{

	border-top: 1px solid rgba(0, 0, 0, 0.075);

}

.min-200{

		min-height: 200px;

}
.bottom{

		position: absolute;
		bottom: 0;

		left: 30%;

}


/**
 * Stay in the loop custom stuff
 *
 */


#stayintheloop .card{

	padding: 60px;
}

.signup-box{

	min-height: 320px;

}
@media (max-width: 767px) {

	.signup-box{

		margin-top: 20px;
	}

}

@media (max-width: 767px) {
	.partner-image{

		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 10px;

	}
}

#solutions{

	background: url(../img/clipboard_background.jpg);

}

.product-callout{

	padding:50px;
	border-bottom: 1px solid #cccccc;

}

.product-callout h2 {

	font-family: Averta-ExtraBold;
	  text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
 	 font-size: 60px;
  	margin-top: 10px;


}
@media (max-width: 767px) {

.product-callout h2 {

	font-family: Averta-Bold;

 	 font-size: 30px;
  	margin-top: 10px;


}

}

#bricks_mortar{

	background: url(../img/bricks_mortar.png);
	background-size:100%;

}