@charset "UTF-8";

		html {
			height: 100%;
		}
		
		body {
			background-color: #efefef;
			font-family: "Gotham A", "Gotham B", sans-serif;
			min-height: 100%;
			height: 100%;
			display: none;
		}
		
		.no-scroll {
			margin: 0;
			height: 100%;
			overflow: hidden;
		}
		
		header {
			background-color: #fff;
			margin-top: 0;
			padding-top: 0;
		}
		
		footer {
			width: 100%;
		}
		
		header .navbar {
			margin-top: 0;
			font-size: 1em;
			padding: 30px 0px 30px 0px;
			margin-bottom: 0;
		}
	
		.container {
			padding-top: 0;
		}
		
		.container-wht {
			background-color: #fff;
		}
		
		.card {
			border: none !important;
			height: inherit;
			display: block;
			position: relative;
			background-color: #f6f6f6;
		}
	
		.section-head {
			margin-bottom: 3rem;
		}
		
		p, li {
			font-style: normal;
			font-weight: 300;
			line-height: 1.3em;
		}
		
		p.sidebar-text {
			text-transform: uppercase;
			font-weight: 400;
			font-size: .8em;
			letter-spacing: normal;
		}
				
		.card p.card-title {
			text-align: center;
			font-size: .8em;
			text-transform: uppercase;
			font-weight: 700;			
		}
		
		.card p.card-text {
			text-align: center;
			font-size: .8em;
			line-height: normal;
		}
		
		.container-fluid {
			padding: 0;
			margin: 0;
			width: 100%;
			overflow: hidden;
		}
		
		h1, h2, h3, h4 {
			font-family: "Gotham A", "Gotham B", sans-serif;
			font-style: normal;
			font-weight: 400;
			letter-spacing: 1px;
			text-transform: uppercase;
		}
		
		h2 {
			font-size: 1.2em;
			font-weight: 700;		
		}
				
		h4 {
			font-family: "Gotham A", "Gotham B", sans-serif;
			font-size: .7em;
			font-weight: 700;
		}
		
		p.image-caption {
			padding: 0 0 0 8px;
			font-size: .8em;
		}
		
		.uc {
			text-transform: uppercase;
		}
		
		.gry {
			color: #999;
		}
		
		.mag {
			color: #dc22fc;
		}
		
		ul.list-unstyled li {
			margin-bottom: .8rem;
		}
		
		a:link, a:active, a:visited, a.nav-link:hover, a.nav-link.active {
			color: #cf2501;
		}
		
		a:hover {
			color: #999;
		}

		a.nav-link {
			color: #000;
		}
						
		.row.approach-step {
			margin-bottom: 4rem;
		}
		
		.row.approach-step ul {
			margin-top: 40px;
		}
						
		.padded-row {
			margin-top: 50px;
		}
		
		.navbar-brand {
			letter-spacing: .5em;
			text-transform: uppercase;
			font-size: 1em;
			font-weight: 700;
		}
		
		#bg-mobile-about {
			background: transparent url("../../assets/img/bg/bg-mobile-about.jpg") 0 0 no-repeat;
			overflow: hidden;
			background-size: 50%;
		}
		
		#g-overlay {
			background-color: #fff;
			z-index: 77;
			overflow: hidden;
			display: none;
			top: 0;
			left: 0;
		}
		
		.no-scroll {
			overflow: hidden;
		}

		.resize.transition {
		    -webkit-transform: scale(1.05); 
		    -moz-transform: scale(1.05);
		    -o-transform: scale(1.05);
		    transform: scale(1.05);
		}
		
		.resize {
			-webkit-transition: all .4s ease-in-out;
			-moz-transition: all .4s ease-in-out;
			-o-transition: all .4s ease-in-out;
			-ms-transition: all .4s ease-in-out;
		}

		.navbar-toggler {
			max-height: 40px;
			background-color: trasparent;
			border: none;
		}
				
		#stamp img, .navbar-light .navbar-toggler img {
			max-height: 30px;
			background-color: trasparent;
			border: none;
		}
		
		#stamp {
			margin-left: 30px;
		}

		strong {
			font-weight: 700;
		}

		/* Medium devices (tablets, 768px and up) */
		@media (max-width: 768px) {

			body {
				background-color: #f3f3f4;
				font-size: 1.2em;
				height: 100%;
			}

			.bgimg-desktop {
				background-image: none !important;
			}
			
			h2 {
	    		font-size: 1.2em;
	    	}
	    	

			h4 {
				font-size: .9em;
			}

			p, li {
				font-size: .8em;
				line-height: 1.2em;
			}

			p.image-caption {
				font-size: .6em;
			}
		
			.navbar-brand {
				font-size: .7em;
				letter-spacing: .3em;
			}
					
			.section-head {
				margin-bottom: 0;
			}
			
			.card {
				margin-bottom: 3rem;
			}
	
			#mainNav {
				position: fixed;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				background-color: #cf2501;
				overflow: auto;
				z-index: 99;
			}
			
			#mainNav .nav-item {
				font-size: 1.1em;
				font-weight: 700;
				letter-spacing: .2em;
				text-transform: uppercase;
				margin-bottom: 10px;
			}
			
			#mainNav .navbar-nav a:link, #mainNav .navbar-nav a:active, #mainNav .navbar-nav a:visited {
				color: #fff;
			}
			
			#mainNav.show {
				display: flex;
			}
			
			#mainNav .navbar-nav {
				display: flex;
				flex-wrap: wrap;
				align-items: center!important;
				width: 100%;
				
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
			
				-ms-flex-align: center;
				-webkit-align-items: center;
				-webkit-box-align: center;
			
				align-items: center;
				
			}
			
			
		}

		.no-transition {
		  -webkit-transition: height 0.01s;
		  -moz-transition: height 0.01s;
		  -ms-transition: height 0.01s;
		  -o-transition: height 0.01s;
		  transition: height 0.01s;
		}
		
		.collapsing {
		  -webkit-transition: height 0.01s;
		  -moz-transition: height 0.01s;
		  -ms-transition: height 0.01s;
		  -o-transition: height 0.01s;
		  transition: height 0.01s;
		
		}
		
		a.social-link img {
			width: 40px;
			height: 40px;
		}
		
		a.social-link:hover {
			background-color: #999;
			display: block;
			overflow: visible;
		}
		
		#splash > div {
			opacity: 0;
			position: absolute;
		}
		
		#splash {
			margin-bottom: 150px;
		}