@charset "UTF-8";


body {
  font-family: Source Sans Pro, sans-serif;
  font-size: 16px;
  color:#999;
}

.about {
	padding-left:10%;
	padding-right:20%;
}

.pagewrap {
	margin-top: 6%;
	margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 0%;
	padding-left:2%;
}

.flat {
	margin-top:0%;
}


.info {
	padding-left:4%;
	margin-top:4%;
}

.fa {
	color:#999;
	font-size:20px;
}

.fa-twitter:hover {
    color:#26deea;
}



.navbar-toggle {
  float: right !important;
  margin-left: 15px;
  margin-right: 0;
}

.modal-nav-content {
  width: 100%;
  height: auto;
}

.modal-nav-body {
  margin-top: 100px;
  background-color:#ffffff; .
}

.modal-nav-body ul {
  list-style-type: none;
  color: white;
  margin: 0;
  padding: 0;
  width: 100%;
}

.modal-nav-body ul li {
  text-align: center;
  font-size: 130%;
  padding: 8px;
  text-transform: uppercase;
}


.col-sm-6 {
	width:38%;
	margin-top:8%;
	margin-bottom:8%;
	padding-right:0%; 
    padding-left: 6%; 
}


.flush {
 
    padding-left: 0%; 
}


.col-md-3 {
	padding-right:0%; 
    padding-left: 0%; 
}

.col-md-4 {
	padding-right:2%; 
    padding-left: 2%; 
}

.col-md-6 {
	padding-right:0%; 
    padding-left:0%; 
}

.col-md-8 {
	padding-right:0%; 
    padding-left:0%; 
}

.col-md-10 {
	padding-right:0%; 
    padding-left:0%; 
}

.col-md-12 {
	padding-right:0%; 
    padding-left:0%; 
}

  
.fade {
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
 
.fade:hover {
opacity: 1.0;
}


.spacer-left {
	
    margin-left: 0px;
}

.spacer-right {
	
	margin-right: 0px;
}

.large-sentence {
padding-top:10%;
padding-bottom:16%;
padding-left:10%;	
padding-right:10%;
font-size:24px;
font-weight:200;
color:#000;
line-height:36px;
}


.row {
margin-top:4%;		
}


.top {
	margin-top:0%;
}



.small {
margin-top:10%;
margin-bottom:8%;
}


.center-lg {
width:51%;
padding-top:4%;
margin-left:14%;	
}
.left-asymm-md {
width:51%;
padding-top:0 %;	
}


.left-asymm-lg {
width:60%;
padding-top:2%;
padding-left:10%;
padding-bottom:4%;	
}


.left-asymm-info {
width:56%;
padding-top:2%;
padding-left:10%;
padding-bottom:4%;	
}


.right-asymm-lg {
width:52%;
padding-right:1%;
padding-top:2%;	
padding-bottom:4%;
}


.right-asymm-md {
width:42%;
padding-right:1%;	
}


.left-asymm-sm {
width:60%;
padding-top:0 %;	
padding-left:2%;
}

.right-asymm-sm {
width:40%;	
}

.row {
padding-top:0%;		
}


.is-on-left {
	width:56%;
margin-top:8%;	
padding-left:12%;
padding-bottom:4%;
}


.info-left {
	width:56%;
margin-top:2%;	
padding-left:12%;
padding-bottom:4%;
}



.smaller {
	width:56%;
	padding-left:16%;
}

.is-on-right {
	width:34%;
margin-top:20%;
padding-left:8%;	
padding-bottom:4%;	
}


.info-right {
	width:38%;
margin-top:8%;
padding-left:8%;	
padding-bottom:4%;	
}

.major {
	width:56%;
margin-top:0%;	
padding-left:8%;
padding-bottom:4%;
}

.major-two-up {
	width:56%;
margin-top:0%;	
padding-left:4%;
padding-right:6%;
padding-bottom:4%;
}

.minor {
	width:40%;
margin-top:8%;
padding-left:8%;	
padding-bottom:4%;	
}

.minor-two-up {
	width:44%;
margin-top:0%;
padding-left:8%;	
padding-bottom:4%;	
}


.double {
	width:30%;
}


.foot {
margin-top:8%;
padding-left:1%;	
}



.square {
  position: relative;
  display: inline-block;
  top: 0px; 
  left: 0px; 
  opacity: 1;
}

.square img {
  width: 100%;
  height: 100%;
}

.square a:before {
content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition:all 0.8s;
  opacity:0;
  background-color: fuchsia;
}
.square a:hover:before {
  opacity:0.4;
}


 /* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left:1%;
  height: 20px;
  background-color: #fffff;
  font-size: 12px;
}




/*hamburger nav*/


.navbar-default .navbar-toggle {
  border-color: #fff; /* Change border color around this buttons */
  background: #fff; /* Change background for button itself */
}

.navbar-default .navbar-toggle .icon-bar {
  background: #000; /* Change color for horizontal lines */
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: black;
}


.navbar-brand{
	margin-left:0%;
	font-size: 20px;		
}


.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
    border-radius: 0;
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #000;
}

.navbar-default .navbar-nav > li > a {
    color: #FFF;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background-color: #ffffff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #FFF;
    background-color: #ffffff;
}

.navbar-default .navbar-text {
    color: #FFF;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-nav > li > a {
    color: #000;
}

navbar-brand {
	color:#000;
}


@media (max-width: 2000px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
		margin-top: 7.5px;
	}
	.navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
  		display:block !important;
	}
}



@media (max-width: 1200px) {

.large-sentence {
padding-top:8%;
padding-bottom:16%;
padding-left:10%;	
padding-right:10%;
font-size:21px;
font-weight:200;
color:#000;
line-height:28px;
}

.spacer-left {

    margin-left: 0px;
}

.spacer-right {
	
	margin-right:0px;
}

}


@media (max-width: 992px) {

.pagewrap {
	margin-top: 6%;
	margin-left: 6%;
    margin-right: 6%;
    margin-bottom: 6%;
	padding-left:0%;
}


img {
	width:100%;
}

.container-fluid {
	padding-right:0%; 
    padding-left: 0%;	
}

.col-md-2 {
	padding-right:0%; 
    padding-left: 0%; 
}

.col-md-4 {
	padding-right:0%; 
    padding-left: 0%;
	padding-bottom:4%; 
}

.col-md-6 {
	padding-right:0%; 
    padding-left:0%; 
}


.col-md-8 {
	padding-right:0%; 
    padding-left:0%; 
}

.col-md-10 {
	padding-right:0%; 
    padding-left:0%; 
}


.col-md-12 {
	padding-right:0%; 
    padding-left:0%; 
}




/*text screen styling*/
.large-sentence {
padding-top:10%;
padding-bottom:16%;
padding-left:10%;	
padding-right:10%;
font-size:18px;
font-weight:200;
color:#000;
line-height:24px;
}


.spacer-left {

    margin-left: 0px;
}

.spacer-right {
	
	margin-right: 0px;
}

.navbar-brand{
	margin-left:0%;	
}


.left-asymm-lg {
width:100%;
padding-top:0%;	
padding-bottom:0%;
padding-left:0%;
}

.right-asymm-lg {
width:100%;
padding-top:0%;	
padding-left:0%;
}

.right-asymm-md {
width:100%;
padding-right:0%;	
}


.left-asymm-sm {
width:100%;
padding-top:0 %;	
}

.right-asymm-sm {
width:100%;	
}

.row {
padding-top:4%;	
	
}

.is-on-left {
	width:100%;
margin-top:8%;	
padding-left:0%;
}


.is-on-right {
	width:100%;
margin-top:18%;
padding-left:0%;		
}

.major-two-up {
	width:94%;
margin-top:0%;	
padding-left:2%;
padding-right:2%;
padding-bottom:4%;
}

.minor-two-up {
	width:94%;
margin-top:0%;
padding-left:2%;
padding-right:2%;	
padding-bottom:4%;	
}


.major {
	width:100%;
margin-top:0%;	
padding-left:2%;
padding-right:2%;
padding-bottom:4%;
}

.minor {
	width:100%;
margin-top:0%;
padding-left:2%;
padding-right:2%;	
padding-bottom:4%;	
}

.info-left {
	width:100%;
margin-top:2%;	
padding-left:2%;
padding-bottom:4%;
}


.info-right {
	width:100%;
margin-top:8%;
padding-left:2%;	
padding-bottom:4%;	
}


.left-asymm-info {
width:100%;
padding-top:2%;
padding-left:2%;
padding-bottom:4%;	
}

.about {
	padding-left:4%;
	padding-right:20%;
}


.flat {
	margin-top:0%;
}



 /* Sticky footer 
-------------------------------------------------- */

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-left:6%;
  height: 20px;
  background-color: #fffff;
  font-size:12px;
}


}
	
	
 /* FULL SCREEN MODAL STYLES
	-------------------------------------------------- */
	
	.modal-backdrop.fade.in {
         opacity: 0.1 !important;
    }
	
	
	.fullscreen .modal-dialog {
		margin: 0 0 0 0;
		width: 100%;
		height: 100%;
		min-height: 100%;
		color: #000000;
		padding: 0;
		opacity:2;
	}

	.fullscreen .modal-content {
		height: 100%;
		min-height: 100%;
		border-radius: 0;
		color: #ffffff;
		background:#ffffff;
		overflow:auto;
	}

	.fullscreen .modal-body ul {
		padding: 100px 0 0 0;
			background: #ffffff;
		/*background:#6CC;*/
	}

	.fullscreen .modal-body li {
		padding: 10px 0 10px 0 ;
	}

	.fullscreen .modal-body a {
		color: #000000;
		font-size: 300%;
	}

/*fix padding-right*/
body.modal-open, 
.modal-open .navbar-fixed-top, 
.modal-open .navbar-fixed-bottom {
    margin-right: 15px;
}

	@media (max-width: 759px){			
		.top {
	margin-top:4%;
}

.about {
	padding-left:6%;
	padding-right:20%;
}

	}

	@media (max-width: 480px){
		.fullscreen .modal-body ul {
			padding: 30px 0 0 0;
			overflow: auto;
		}

		.fullscreen .modal-body li {
			padding: 4px 0 4px 0 ;
		}

		.fullscreen .modal-body a {
			color: #000000;
			font-size: 200%;
			font-weight: 200;
		}
		
		
		.top {
	margin-top:20%;
}

.about {
	padding-left:10%;
	padding-right:20%;
}

	}