/*
 * Globals
 */

/* Links */
a,
a:focus,
a:hover {
  color: 	#66CCFF
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}


/*
 * Base structure
 */

html,
body,
#myDiv {
  height: 100%;
  min-height:100%;
  background-color: 	#F0F0F0;
	
}
body {
	  font-size:20px;
  line-height:1.4em;
  font-family: 'Josefin Sans', sans-serif;

}
#loader {
	height: 100%;
	min-height:100%;
	width: 100%;
	position: absolute;
	z-index: 100;
}
.loader-holder {
	position: relative;
	height: 100%;
	width: 100%;
}
.bffade {
	opacity: 1
}
#myDiv {
	display: none;
}
.clear {
	display: table;
	clear: both;
	width: 100%;
}
.spinner {
  width: 50px;
  height: 50px;
  position: relative;
  margin: 0 auto;
  	margin-left: -25px;
	margin-top: -25px;
	left: 50%;
	top: 50%;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: silver;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
.animate-bottom {
	-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.clear {
	display:block;
	width:100%;
	clear:both;
}
h1, h2, h3, .larger {
margin:0;
font-size:1.35em;
line-height:1em;
letter-spacing:2px
}
.smaller {
	font-size: .8em;
	line-height:1em;
}
p {
	margin: 0 0 1.4em 0;
	line-height:1.6em
}
.no-margin {
	margin-bottom:0
}
.site-wrapper {
	height: 100%;
  min-height:100%;
  display: block;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  clear:both;
}
.table-div {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;

}
.welcome-splash {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	background:	#FFFFFF	url('img/splash-couple.jpg?12') no-repeat 50% 0;
	background-attachment:fixed;
	background-size:cover
}
.contact-frame {
	display:block;
	clear:both;
	width:100%
}
.splash-logo {
	display:block;
	max-width:100%;
	margin-left:auto;
	margin-right:auto
}
.offset-frame {
	background: white;
	max-width:1280px;
	width:100%;
	margin: -46px auto 0 auto;
	padding:60px 40px;
	border:1px silver solid
}
.bottom-spacer {
	display:block;
	width:100%;
	height:32px;
	clear:both
}
.icon-fa {
	color:gray;
	margin-right:12px;
	font-size:.8em;
	line-height:1em
}
.gray-icon {
	margin-right:18px
}
.slideUp{
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration:2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}
.contact {
}
@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
		
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
		
	100% {
		-webkit-transform: translateY(0%);
	}	
}
.fadeIn{
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;		

	visibility: visible !important;	
}

@keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}
	100% {
		opacity: 1;	
	}		
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0.0;		
	}	
	100% {
		opacity: 1;	
	}		
}
/************************************************************************ */
@media only screen and (max-width: 1200px) {
body {
	font-size:14px;
	line-height:1.4em
}
.offset-frame {
	padding:40px 20px;
}
.gray-icon {
	margin-left:18px
}
.icon-fa {
	color:gray;
	display:block;
	margin-top:.65em
}
.welcome-splash {
	background-attachment: scroll;
	background-size: cover
}
}
/************************************************************************ */
@media only screen and (max-width: 1316.1px) {
.contact-frame {
	padding-left:12px;
	padding-right:12px
}
}