@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-black.eot');
  src: url('../fonts/lato/lato-black.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-black.woff') format('woff'), url('../fonts/lato/lato-black.ttf') format('truetype'), url('../fonts/lato/lato-black.svg#latoblack') format('svg');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-bold.eot');
  src: url('../fonts/lato/lato-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bold.woff') format('woff'), url('../fonts/lato/lato-bold.ttf') format('truetype'), url('../fonts/lato/lato-bold.svg#latobold') format('svg');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-bolditalic.eot');
  src: url('../fonts/lato/lato-bolditalic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-bolditalic.woff') format('woff'), url('../fonts/lato/lato-bolditalic.ttf') format('truetype'), url('../fonts/lato/lato-bolditalic.svg#latobold-italic') format('svg');
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-italic.eot');
  src: url('../fonts/lato/lato-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-italic.woff') format('woff'), url('../fonts/lato/lato-italic.ttf') format('truetype'), url('../fonts/lato/lato-italic.svg#latoitalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-light.eot');
  src: url('../fonts/lato/lato-light.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-light.woff') format('woff'), url('../fonts/lato/lato-light.ttf') format('truetype'), url('../fonts/lato/lato-light.svg#latolight') format('svg');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url('../fonts/lato/lato-regular.eot');
  src: url('../fonts/lato/lato-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/lato/lato-regular.woff') format('woff'), url('../fonts/lato/lato-regular.ttf') format('truetype'), url('../fonts/lato/lato-regular.svg#latoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

#particles-js{
	display:table;
	z-index:2;
	position:fixed;
  	width: 100%;
  	height: 100%;
	background-image:url(../img/clouds.jpg); background-size:cover;
}
canvas{
  display:table-cell;
  vertical-align:bottom;
}


#wrap{
	position:absolute; z-index:3;
	width: 100%;
	height: 100%;
	display: table;
	text-align:center;
}

 #wrap-inner {
	margin: 0 auto; 
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	padding:80px 0;
}


*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,body{ 
	width:100%;
	height:100%;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	font-weight:400; letter-spacing:0.1em; line-height:1.4em;
	color:#fff;
	padding:0; margin:0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1eaab9+0,01539c+100 */
background: #1eaab9; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #1eaab9 0%, #01539c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #1eaab9 0%,#01539c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #1eaab9 0%,#01539c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1eaab9', endColorstr='#01539c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

a, a:hover{
	text-decoration:none !important;
	color:#fff !important; font-weight:600 !important;
}

h1, h2, h3, h4, h5{
	font-weight:400;
	display:block;
}

h1{
	font-size:48px;
	font-weight:300;
	color:#1eaab9;	
}
h2{
	font-size:36px;
	margin:0 0 20px 10px;
}

h3, h4{
	margin:0 0 10px 0;
}

.profile{
	text-align:centre;
}

.divider{ border-top:1px #fff solid; margin:40px 0; }

a .thumb{
	height: 200px;
    width: 200px;
	margin:10px auto;
	display:block;
	background-size:cover;
	border-radius:100%;
	/*border:1px solid #1596b3;*/
}
a:hover .thumb{
	/*border:1px solid #fff;*/
	-webkit-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.6);
	-moz-box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.6);
	box-shadow: 0px 0px 20px 0px rgba(255,255,255,0.6);
}

b{
	font-weight:400;
}

.white{
	background-color:#fff;
}

.intro{
	font-size: 32px;
	line-height:1.2em;
	font-weight:300;
	margin:80px 0 0 0;
}

.spaced{ margin:20px 0 ; }

.centre{ text-align:center; }


.story{
	/*font-size:18px;
	line-height: 1.4em;*/
}

quote{
	display:block;
	/*font-size: 14px;*/
    margin-bottom: 20px;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.spaceTop{
	margin-top:40px;
}

/*--TEMP BORDERS--*/

/*.row{ border:1px yellow dotted; }
section{ border:1px red dotted; }
.container{ border:1px black solid; }
.col-sm-6{
	border:3px solid yellow;
}*/


      .bigGutter.row {
        margin-right: -40px;
        margin-left: -40px;
      }
      .bigGutter > [class^="col-"], .gutter-40 > [class^=" col-"] {
        padding-right: 40px;
        padding-left: 40px;
      }
    
.carousel-indicators {
    position: relative !important;
    display: block;
    margin-top: 20px;
	bottom:0 !important;
	
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 0; 
    z-index: 15;
    width:auto;
    margin: 0;
	padding-left: 0;
    list-style: none;
    text-align: left; 
}