@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,900&display=swap');

/*html {
	scroll-behavior:smooth;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}*/


body {
  font-family: 'Lato',sans-serif !important;
  font-size:1em;
  color:#d6d5d4;	
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #232323;
}

.SiteWrapper {
	width:100%;
	height:100%;
	overflow:hidden;
}
.topbar {
	/*padding:25px;*/
	/*position:sticky;*/
	/*position:-webkit-sticky;*/
	position:fixed;
	top:0px;
	margin: 0;
	padding:25px 0 25px 0;
	background-color:#232323;
	width:100%;
	height:180px; /*NB IF YOU CHANGE THIS NUMBER ALSO CHANGE THE OFFSET TOP PROPERTY RIGHT AT THE BTM OF THE HTML*/
	
}
.container-brand {
	color:#d6d5d4 !important;
	background-color:#232323 !important;
	padding: 0;

}
.navbar-brand {
	font-size:2em !important;
	font-weight:300;
	line-height:0.9em;
	white-space:pre-wrap;
	/*margin-left:4.5%;*/
	margin:0;
	padding-top:0;
	color:#fff;
}
.navbar-brand a{
	color:#fff;
}
.navbar-brand a:hover{
	color:chocolate !important;
}
.brand-tagline {
	font-weight:300;
	font-size:1.1em;
	line-height:1.7rem;
	/*letter-spacing:0.23em;*/
	letter-spacing:0.16em;
	/*margin:0 0 0 4.5%;*/
	margin:0;
	color:#d6d5d4;	
}
#aboutanim /* #how-work, #value, #what-do, #client, #us, #role*/ {
	margin-top:180px;
}
#privacy {
	margin-top:180px;
}
#terms {
	margin-top:180px;
}
/*@media (min-width:320px){
	#how-work {
	margin-top:150px;
}
}
@media (min-width:720px){
	#how-work, #value, #what-do, #client, #us, #role{
	margin-top:0;
}
}*/

.animationContainer {
	text-align:left;
	padding: 3rem 0 2.5rem 0;
	/*margin-left:4.5%;*/
	margin:auto;
	z-index:-100;
	position:relative; /*this is vital */

}
@media (min-width: 992px) {
  .animationContainer {
    /*max-width: 60%;*/
	  max-width:100%;
  }
}

.rabbitimage {
	text-align:left;
	padding: 0;
	margin-left:0;
	z-index:-10;

}
@media (min-width: 992px) {
  .rabbitimage {
    max-width: 600px;

  }
}



.container-black {
	color:#d6d5d4 !important;
	background-color:#232323 !important;
	padding: 2rem 0rem 2rem 0rem;

}
.container-white {
	color:#232323 !important;
	background-color:#fff !important;
	padding: 2rem 0 2rem 0;

}
.container-grey {
	color:#232323 !important;
	background-color:#d6d5d4 !important;
	padding: 2rem 0 2rem 0;

}
.container-white p, .container-grey p, {
	font-weight:400;
}
.container-white h1 {
	color:#232323 !important;
}

@media (min-width: 768px) {
  .textcontent {
    max-width: 620px;
  }
}

@media (min-width: 992px) {
  .textcontent {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .textcontent {
    max-width: 820px;
  }
}
a {
	color:DarkKhaki;
	/*color:olive;*/
}
a:hover {
	color:white;
	text-decoration:none;
}

p {
	font-size:1.1rem;
	line-height: 1.8rem;
	font-weight:300;
	padding:0 0 2rem 0;
}
h1 {
	font-weight:300;
	color:#d6d5d4;	
}
h2 {
	font-size:1.8rem;
	font-weight:300;
	line-height:2.2rem;
}
.intro h2{
	font-size:1.5rem;
	font-weight:300;
	line-height:2.2rem;
}
h3 {
	/*font-size:1.4rem;*/
	font-size:1.5rem;
	font-weight:300;
	line-height:2.2rem;
}
/*h4 {
	font-size:1.4rem;
	font-weight:300;
	line-height:2.2rem;
}*/
h4 {
	font-size:1.1rem;
	font-weight:700;
	line-height:2.2rem;
	
}
h5 {
	font-size:1.1rem;
	font-weight:700;
	line-height:2.2rem;
	
}
h6 {
	font-size:1.1rem;
	color:peru;
	font-weight:300;
	line-height:1.1rem;
}

#what-we-do ul li {
	font-size:1.1em;
	line-height:2em;
	font-weight:300;
}

#what-we-do ul li {
	list-style-type:square;
}

#privacy ul li, ol li {
	font-size:1em;
	line-height:2em;
	font-weight:300;
}
#privacy ol li {
	padding:0 0 2rem 0;
}
#privacy ul li {
	list-style-type:square;
}
#terms ul li, ol li {
	font-size:1em;
	line-height:2em;
	font-weight:300;
}
#terms ol li {
	padding:0 0 2rem 0;
}
#terms ul li {
	list-style-type:square;
}

#terms ol li{
	padding:0;
}
.imgcolumns-left {
	float:left; width:120px
}
.imgcolumns-right {
	margin-left:120px
}
.card {
	border:none;
	background-color:#232323;
}
.card, .col-md-4, .col-sm-6{
	position:inherit;
}
.card-header, .card-body{
	color:#d6d5d4 !important;
	background-color:#232323 !important;
	padding:0.3rem;
}
.card-header:first-child {
	border:none;
	
}
.card-title, .card-title-cand {
	/*letter-spacing:0.1em;*/
	text-transform:uppercase;
	font-weight:300;
	
}
.card-title {
	color:peru;
	margin-bottom:0;
}
.card-title-cand{
	/*color:tan;*/
	color:peru;
}
.card-text {
	font-size:1em;
	font-weight:300;
}
.rolelist {
	font-size:1rem;font-weight:300;color:peru;
}

.footer img {
	float:left; width:100px; margin-right:20px;
}
.footer p{
	font-size:0.8rem; line-height: 1.3rem; text-align: left; /*margin-left:120px*/;
}
.social {
	height: 40px;
	padding:0.3rem;
}
.social-sm {
	height: 30px;
	padding:0.3rem;
}


/*form elements */
@media (min-width: 576px) {
.modal-dialog {
		max-width:700px;
}
}

body.modal-open {
	color:#d6d5d4;	
	font-weight:300;
	background-color:#232323 !important;
}
.modal-content {
	background-color:#232323 !important;
}
.modal-header {
	border:none;
}
.close {
	color:peru;
	text-shadow:none;
}

.btn-success {
	color:peru !important;
	background-color:#232323 !important;
	border-color:peru !important;
	font-weight:300;
}
.form-control {
	/*background-color:#232323;
	color:#d6d5d4;*/
	font-weight:300;
}
	
.alert-success {
	color:#d6d5d4;
	background-color:#232323;
	border-color:peru;
		
	}	
	

	
/*controls the anchors. have replaced this with jquery as ignored by ios */	
/*:target {
  display: block;
  position: relative;
  top: -150px; 
  visibility: hidden;
}
:target {
	padding-top:150px;
	margin-top:-150px;
	display: inline-block;
 	position: relative;
  	visibility: hidden;
}	*/