@import "https://fonts.googleapis.com/css?family=Raleway:100,400,700";
@font-face {
	font-family: 'LMRomanSlant10';
	src: url("fonts/lmromanslant10-regular-webfont.eot");
	src: url("fonts/lmromanslant10-regular-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/lmromanslant10-regular-webfont.woff") format("woff"), url("fonts/lmromanslant10-regular-webfont.ttf") format("truetype"), url("fonts/lmromanslant10-regular-webfont.svg#latin_modern_roman_slante10Rg") format("svg");
	font-weight: normal;
	font-style: normal
}/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	margin: 0;
	background: #313131; /* For browsers that do not support gradients */
    background: linear-gradient(#313131, #111111);
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block
}
audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden], template {
	display: none
}
a {
	background-color: transparent
}
a:active, a:hover {
	outline: 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
mark {
	background: #ff0;
	color: #000
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 1em 40px
}
hr {
	box-sizing: content-box;
	height: 0
}
pre {
	overflow: auto
}
code, kbd, pre, samp {
	font-family: monospace, monospace;
	font-size: 1em
}
button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0
}
button {
	overflow: visible
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input {
	line-height: normal
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
textarea {
	overflow: auto
}
optgroup {
	font-weight: bold
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
td, th {
	padding: 0
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.bg-primary {
  background-color: #007bff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #0062cc !important;
}

.bg-secondary {
  background-color: #6c757d !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #545b62 !important;
}

.bg-success {
  background-color: #28a745 !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #1e7e34 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #ffc107 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #d39e00 !important;
}

.bg-danger {
  background-color: #dc3545 !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.progress-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  background-color: #007bff;
  transition: width 0.6s ease;
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  -webkit-animation: progress-bar-stripes 1s linear infinite;
  animation: progress-bar-stripes 1s linear infinite;
}


@font-face {
	font-family: 'icomoon';
	src: url("fonts/icomoon.eot?3hi6ws");
	src: url("fonts/icomoon.eot?3hi6ws#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?3hi6ws") format("truetype"), url("fonts/icomoon.woff?3hi6ws") format("woff"), url("fonts/icomoon.svg?3hi6ws#icomoon") format("svg");
	font-weight: normal;
	font-style: normal
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.icon-chevron-thin-left:before {
	content: "\e904"
}
.icon-chevron-thin-right:before {
	content: "\e905"
}
.icon-pinterest-p:before {
	content: "\e900"
}
.icon-twitter:before {
	content: "\e901"
}
.icon-instagram:before {
	content: "\e902"
}
.icon-facebook:before {
	content: "\e903"
}
.icon-behance:before {
	content: "\e906"
}
body {
	background-color: #fff;
	font-size: 16px;
	line-height: 1.6;
	font-family: "LMRomanSlant10", serif;
	color: #fff;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%
}

@media (max-width: 320px) {
body {
	font-size: 14px
}
}
::-moz-selection {
background:#FFD73B
}
::selection {
	background: #FFD73B
}
::-moz-selection {
background:#FFD73B
}
img::-moz-selection {
background:transparent
}
img::selection {
	background: transparent
}
img::-moz-selection {
background:transparent
}
body {
	-webkit-tap-highlight-color: #FFD73B;
}
.gigantic, .huge, .large, .bigger, .big, h1, h2, h3, h4, h5, h6 {
	color: #fff;
	font-weight: bold
}
.gigantic {
	font-size: 110px;
	line-height: 1.09;
	letter-spacing: -2px
}
.huge, h1 {
	font-size: 68px;
	line-height: 1.05;
	letter-spacing: -1px
}
.large, h2 {
	font-size: 42px;
	line-height: 1.14
}
.bigger, h3 {
	font-size: 26px;
	line-height: 1.38
}
.big, h4 {
	font-size: 22px;
	line-height: 1.38
}
.small, small {
	font-size: 10px;
	line-height: 1.2
}
p {
	margin: 0 0 20px 0
}
em {
	font-style: italic
}
strong {
	font-weight: bold
}
hr {
	border: solid #ddd;
	border-width: 1px 0 0;
	clear: both;
	margin: 10px 0 30px;
	height: 0
}
svg {
	position: absolute;
	height: 100%;
}
svg path {
	fill: #8392ac;
}
#hero svg {
	background-image:url(../img/hpbgs/secondstar.jpg) ;
	left: 0px;
}

#printhero svg {
	background-image:url(../img/hpbgs/morgandr.jpg) ;
	left: 0px;
}

#webhero svg {
	background-image:url(../img/hpbgs/nightfield.jpg) ;
	left: 0px;
}

#resumehero svg {
	background-image:url(../img/hpbgs/golfcourse.jpg) ;
	left: 0px;
}
#about svg {
	background-image:url(../img/hpbgs/purplemoon.jpg) ;
	left: 0px;
}

#featured svg {
	left: 0px;
	background-image:url(../img/hpbgs/xmasmorning.jpg) ;
}

#three-slide svg {
	
	left: 0px;
}
#full-slide svg {
	left: 0;
	opacity: .1;
	z-index: 9
}
#contact svg {
	background-image:url(../img/hpbgs/traffic.jpg) ;
	left: 0
}

@media (max-width: 640px) {
#hero svg, #about svg, #featured svg, #three-slide svg, #full-slide svg, #contact svg {
	left: 0
}
}
.nav {
	visibility: hidden;
	position: absolute;
	top: 75px;
	right: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #5d1212;
	border: 1px solid #fff;
	border: 1px solid rgba(17,17,17,0.15);
	opacity: 0;
	z-index: 10;
	-webkit-transition: opacity .3s ease-in-out, visibility 0s .3s;
	transition: opacity .3s ease-in-out, visibility 0s .3s
}
.nav.open {
	visibility: visible;
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}
.nav:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 50%;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	width: 25px;
	height: 25px;
	border: 1px solid #fff;
	border: 1px solid rgba(17,17,17,0.15);
	background-color: #5d1212
}
.nav li {
	position: relative;
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #fff;
	border-bottom: 1px solid rgba(17,17,17,0.15);
	background-color: #5d1212;
	overflow: hidden;
	z-index: 10
}
.nav li:last-child {
	border-bottom: none
}
.nav li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 5px 0;
	color: #fff;
	font-size: 12px;
	font-family: "Raleway", Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}
.nav li a:hover {
	background-color: #7b0000;
}
#hero {
	position: relative;
	width: 1440px;
	max-width: 95%;
	height: 600px;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

@media (max-width: 768px) {
#hero {
	margin: 15px auto
}
}
#hero header {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 95%;
	height: 80px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	z-index: 10
}
#hero header .nav-toggle {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 80px;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	cursor: pointer
}
#hero header .nav-toggle p {
	margin-bottom: 0;
	font-size: 14px;
	font-family: "Raleway", Helvetica, sans-serif;
	text-transform: uppercase
}
#hero header .nav-toggle span, #hero header .nav-toggle span:before, #hero header .nav-toggle span:after {
	content: "";
	position: relative;
	display: block;
	width: 23px;
	height: 2px;
	background-color: #fff
}
#hero header .nav-toggle span:before {
	bottom: 7px
}
#hero header .nav-toggle span:after {
	top: 5px
}
#hero .wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1180px;
	max-width: 95%;
	height: 100%;
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
#hero .wrapper .welcome {
	width: 45%
}
#hero .wrapper .welcome:after {
	content: "";
	display: block;
	width: 1px;
	height: 70px;
	background-color: #fff
}
#hero .wrapper .welcome h1 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 42px;
	font-family: "Raleway", Helvetica, sans-serif;
	font-weight: 100
}

@media (max-width: 640px) {
#hero .wrapper .welcome h1 {
	margin-bottom: 20px;
	font-size: 30px
}
}
#hero .wrapper .welcome p {
	max-width: 450px;
	margin-bottom: 30px
}

@media (max-width: 1180px) {
#hero .wrapper .welcome:after {
	display: none
}
#hero .wrapper .welcome p {
	margin-bottom: 0
}
}
#hero .wrapper .photographer {
	width: 55%;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	line-height: 0
}
#hero .wrapper .photographer img {
	width: 100%;
	opacity: .95
}
@media (min-width: 1023px){
	svg {
		-webkit-mask-image: linear-gradient(to left, rgba(0,0,0,0), rgba(0,0,0,1));
	}
}
@media (max-width: 1023px) {	
#hero .wrapper .welcome {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	text-align: right
}
#hero .wrapper .photographer {
	display: none
}
}

@media (max-width: 640px) {
#hero .wrapper .welcome {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	text-align: center
}
}
#about {
	position: relative;
	width: 1440px;
	max-width: 95%;
	height: 600px;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

#resumebody {
	position: relative;
	width: 1440px;
	max-width: 95%;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

#resumeabout {
	position: relative;
	width: 1440px;
	max-width: 95%;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}


@media (max-width: 768px) {
#about {
	margin: 15px auto
}
}
#about .wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1180px;
	max-width: 95%;
	height: 100%;
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
#about .wrapper .tools {
	width: 50%
}
#about .wrapper .tools img {
	width: 85%
}
#about .wrapper .blurb {
	width: 55%
}
#about .wrapper .blurb h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 42px;
	font-family: "Raleway", Helvetica, sans-serif;
	font-weight: 100
}

@media (max-width: 640px) {
#about .wrapper .blurb h2 {
	margin-bottom: 20px;
	font-size: 30px
}
}
#about .wrapper .blurb h2:before {
	content: "";
	position: relative;
	bottom: 15px;
	display: inline-block;
	width: 70px;
	height: 1px;
	margin-right: 30px;
	background-color: #fff
}
#about .wrapper .blurb p {
	max-width: 600px;
	margin-bottom: 45px
}
#about .wrapper .blurb .social {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 180px;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between
}
#about .wrapper .blurb .social a {
	color: #fff;
	text-decoration: none
}
#about .wrapper .blurb .social i {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	background-color: #8392ac;
	-webkit-transition: background-color .2s ease-in-out;
	transition: background-color .2s ease-in-out
}
#about .wrapper .blurb .social i:hover {
	background-color: #5d1212;
}

@media (max-width: 1023px) {
#about .wrapper .tools {
	display: none
}
#about .wrapper .blurb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	text-align: right
}
#about .wrapper .blurb h2:before {
	display: none
}
}

@media (max-width: 640px) {
#about .wrapper .blurb {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	text-align: center
}
}
#full-slide {
	position: relative;
	width: 1440px;
	max-width: 95%;
	height: 600px;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

@media (max-width: 768px) {
#full-slide {
	margin: 15px auto
}
}
#full-slide .banner {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none
}
#full-slide .banner li {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out
}
#full-slide .banner li.active {
	opacity: 1;
	-webkit-transition: opacity .6s ease-in-out;
	transition: opacity .6s ease-in-out
}
#full-slide .banner li:nth-child(1) {
	background-image: url("../img/full-slide/rofo.jpg")
}
#full-slide .banner li:nth-child(2) {
	background-image: url("../img/full-slide/nyc.jpg")
}

#full-slide .banner li:nth-child(3) {
	background-image: url("../img/full-slide/bog.jpg")
}
#full-slide i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1);
	width: 60px;
	height: 60px;
	font-size: 28px;
	text-align: center;
	line-height: 60px;
	background-color: #8392ac;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
#full-slide i:hover {
	-webkit-transform: translateY(-50%) scale(1.1);
	transform: translateY(-50%) scale(1.1)
}
#full-slide .prev {
	left: 30px
}
#full-slide .next {
	right: 30px
}

@media (max-width: 768px) {
#full-slide i {
	-webkit-transform: translateY(-50%) scale(.7);
	transform: translateY(-50%) scale(.7)
}
#full-slide i:hover {
	-webkit-transform: translateY(-50%) scale(.8);
	transform: translateY(-50%) scale(.8)
}
#full-slide .prev {
	left: 0
}
#full-slide .next {
	right: 0
}
}
#featured {
	position: relative;
	width: 1440px;
	max-width: 95%;
	height: 600px;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

@media (max-width: 768px) {
#featured {
	margin: 15px auto
}
}
#featured .wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1180px;
	max-width: 95%;
	height: 100%;
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
#featured .wrapper .blurb {
	width: 45%
}
#featured .wrapper .blurb:after {
	content: "";
	display: inline-block;
	width: 1px;
	height: 70px;
	background-color: #fff
}
#featured .wrapper .blurb h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 42px;
	font-family: "Raleway", Helvetica, sans-serif;
	font-weight: 100
}

@media (max-width: 640px) {
#featured .wrapper .blurb h2 {
	margin-bottom: 20px;
	font-size: 30px
}
}
#featured .wrapper .blurb p {
	max-width: 400px;
	margin-bottom: 30px
}
#featured .wrapper .featured {
	width: 55%
}
#featured .wrapper .featured img {
	width: 100%
}

@media (max-width: 1023px) {
#featured .wrapper .blurb {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
	text-align: right
}
#featured .wrapper .blurb:after {
	display: none
}
#featured .wrapper .blurb p {
	margin-bottom: 0
}
#featured .wrapper .featured {
	display: none
}
}

@media (max-width: 640px) {
#featured .wrapper .blurb {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	text-align: center
}
}
#three-slide {
	position: relative;
	width: 1440px;
	max-width: 95%;
	height: 600px;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

@media (max-width: 768px) {
#three-slide {
	margin: 15px auto
}
}
#three-slide .wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1180px;
	max-width: 95%;
	height: 100%;
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center
}
#three-slide .wrapper .slider {
	position: relative;
	width: calc(100% - 60px);
	height: 100%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	opacity: 1;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}
#three-slide .wrapper .slider.swap {
	opacity: 0;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out
}
#three-slide .wrapper .slider li {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 40%;
	opacity: 0
}

@media (max-width: 900px) {
#three-slide .wrapper .slider li {
	width: 50%
}
}
#three-slide .wrapper .slider li img {
	width: 100%
}
#three-slide .wrapper .slider .back {
	left: 0;
	opacity: 1
}
#three-slide .wrapper .slider .current {
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1.3);
	transform: translate(-50%, -50%) scale(1.3);
	opacity: 1;
	z-index: 10
}
#three-slide .wrapper .slider .front {
	right: 0;
	opacity: 1
}

@media (max-width: 768px) {
#three-slide .wrapper .slider {
	width: calc(100% - 30px)
}
#three-slide .wrapper .slider li {
	width: 75%
}
#three-slide .wrapper .slider .back, #three-slide .wrapper .slider .front {
	display: none
}
}
#three-slide i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 60px;
	height: 60px;
	font-size: 28px;
	text-align: center;
	line-height: 60px;
	background-color: #8392ac;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
#three-slide i:hover {
	-webkit-transform: translateY(-50%) scale(1.1);
	transform: translateY(-50%) scale(1.1)
}
#three-slide .prev {
	left: 30px
}
#three-slide .next {
	right: 30px
}

@media (max-width: 768px) {
#three-slide i {
	-webkit-transform: translateY(-50%) scale(.7);
	transform: translateY(-50%) scale(.7)
}
#three-slide i:hover {
	-webkit-transform: translateY(-50%) scale(.8);
	transform: translateY(-50%) scale(.8)
}
#three-slide .prev {
	left: 0
}
#three-slide .next {
	right: 0
}
}
#contact {
	position: relative;
	width: 1440px;
	max-width: 95%;
	height: 600px;
	margin: 30px auto;
	background: #46597a; /* For browsers that do not support gradients */
    background: linear-gradient(#46597a, #26344b);
	/* background-color: #efefef; */
	overflow: hidden
}

@media (max-width: 768px) {
#contact {
	margin: 15px auto
}
}
#contact .wrapper {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 1180px;
	max-width: 95%;
	height: 100%;
	margin: 0 auto;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center
}
#contact .wrapper .blurb {
	max-width: 950px;
	margin-top: -45px;
	text-align: center
}
#contact .wrapper .blurb h2 {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 42px;
	font-family: "Raleway", Helvetica, sans-serif;
	font-weight: 100
}

@media (max-width: 640px) {
#contact .wrapper .blurb h2 {
	margin-bottom: 20px;
	font-size: 30px
}
}
#contact .wrapper .blurb p {
	margin-bottom: 45px
}
#contact .wrapper form {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 600px;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #fff;
	font-family: "Raleway", Helvetica, sans-serif
}
#contact .wrapper form input[type="email"], #contact .wrapper form input[type="text"] {
	width: 42%;
	height: 40px;
	padding: 0 15px;
	border: 1px solid #fff;
	border-radius: 0;
	background: transparent
}
#contact .wrapper form input[type="email"]::-webkit-input-placeholder, #contact .wrapper form input[type="text"]::-webkit-input-placeholder {
color:#fff
}
#contact .wrapper form input[type="email"]::-moz-placeholder, #contact .wrapper form input[type="text"]::-moz-placeholder {
color:#fff
}
#contact .wrapper form input[type="email"]:-ms-input-placeholder, #contact .wrapper form input[type="text"]:-ms-input-placeholder {
color:#fff
}
#contact .wrapper form input[type="email"]::placeholder, #contact .wrapper form input[type="text"]::placeholder {
color:#fff
}
#contact .wrapper form input[type="email"]:focus, #contact .wrapper form input[type="text"]:focus {
	outline: none
}
#contact .wrapper form textarea {
	width: 100%;
	height: 90px;
	margin: 30px 0;
	padding: 10px 15px;
	border: 1px solid #fff;
	border-radius: 0;
	background: transparent;
	resize: none;
}
#contact .wrapper form textarea::-webkit-input-placeholder {
color:#fff
}
#contact .wrapper form textarea::-moz-placeholder {
color:#fff
}
#contact .wrapper form textarea:-ms-input-placeholder {
color:#fff
}
#contact .wrapper form textarea::placeholder {
color:#fff
}
#contact .wrapper form textarea:focus {
	outline: none
}
#contact .wrapper form input[type="submit"] {
	width: 100%;
	height: 40px;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	border-radius: 0;
	background-color: #5d1212;
}

@media (max-width: 640px) {
#contact .wrapper form input[type="email"], #contact .wrapper form input[type="text"] {
	width: 100%;
	margin-bottom: 10px
}
#contact .wrapper form textarea {
	margin: 0 0 10px 0
}
}
#contact .copyright {
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	margin-bottom: 0;
	font-family: "Raleway", Helvetica, sans-serif;
	font-size: 12px
}