.row {
  box-sizing: border-box;
  display: -webkit-box;  
  display: -ms-flexbox;  
  display: -webkit-flex; 
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1280px;
 margin:auto;
 padding:0 2em;
 height:100%;
 text-align: left;
}

.row.full-width {
	max-width: 100%;
}


.align-center {
	text-align: center;
}


.col,
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-offset-0,
.col-offset-1,
.col-offset-2,
.col-offset-3,
.col-offset-4,
.col-offset-5,
.col-offset-6,
.col-offset-7,
.col-offset-8,
.col-offset-9,
.col-offset-10,
.col-offset-11,
.col-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin:0 1%;
}


.col {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
  padding:0 1em;
}


.col-1 {
  -ms-flex-preferred-size: 6.33333333%;
  flex-basis: 6.33333333%;
  max-width: 6.33333333%;
}

.col-2 {
  -ms-flex-preferred-size: 14.66666667%;
  flex-basis: 14.66666667%;
  max-width: 14.66666667%;
}

.col-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 23%;
  max-width: 23%;
}

.col-4 {
  -ms-flex-preferred-size: 31.33333333%;
  flex-basis: 31.33333333%;
  max-width: 31.33333333%;
}

.col-5 {
  -ms-flex-preferred-size: 39.66666667%;
  flex-basis: 39.66666667%;
  max-width: 39.66666667%;
}

.col-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 48%;
  max-width: 48%;
}

.col-7 {
  -ms-flex-preferred-size: 56.33333333%;
  flex-basis: 56.33333333%;
  max-width: 56.33333333%;
}

.col-8 {
  -ms-flex-preferred-size: 64.66666667%;
  flex-basis: 64.66666667%;
  max-width: 64.66666667%;
}

.col-9 {
  -ms-flex-preferred-size: 73%;
  flex-basis: 73%;
  max-width: 73%;
}

.col-10 {
  -ms-flex-preferred-size: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}

.col-11 {
  -ms-flex-preferred-size: 89.66666667%;
  flex-basis: 89.66666667%;
  max-width: 89.66666667%;
}

.col-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}


.background-image {
	background-size:cover;
	color:#fff;
}


.background-image .row {
	max-width: 900px;
}

.background-image h2, .background-image h3, .background-image h4, .background-image h5 {
	color:#fff;
}


.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}



.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}


.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}

.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.middle-lg {
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}


.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
  



html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}


html, body {
	padding:0; 
	margin:0;
}

*,:after,:before {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
	}

.container {
	position:relative;
	clear:both;
	overflow:hidden;
	padding:0;
	margin:auto;
	width:100%;
	}




img{max-width:100%;width:100%;height:auto}

p:first-child {
	margin-top:0;
}

p:last-child {
	margin-bottom:0;
}

input:focus, textarea:focus {
	outline: none;
}

.padding, .background-image {
	padding-top:80px;
	padding-bottom:80px;
}

.padding-top {
	padding-top:80px;
}

.padding-bottom {
	padding-bottom:80px;
}



article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}


table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	outline: none;
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}

body,
button,
input,
select,
textarea {
	color: #333;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	font-weight: 300;	
}

body:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
	outline: none;
}


blockquote p {
	margin-bottom: 1.6667em;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
	font-family: "Noto Sans", sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}




/* Place Holder CSS */
::-webkit-input-placeholder {
font-family: 'bpreplay';
  color: #692f22;
  opacity: 1;
  font-weight: normal;
  -webkit-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:-moz-placeholder {
font-family: 'bpreplay';
 color: #692f22;
  opacity: 1;
   font-weight: normal;
  -moz-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
::-moz-placeholder {
font-family: 'bpreplay';
 color: #692f22;
  opacity:1;
   font-weight: normal;
  -moz-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:-ms-input-placeholder {  
font-family: 'bpreplay';
 color: #692f22;
  opacity: 1;
   font-weight: normal;
  -ms-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}



.mobile-menu input::-webkit-input-placeholder {
	 color: #fff;
}


.mobile-menu input:-moz-placeholder {
	 color: #fff;
}

.mobile-menu input::-moz-placeholder {
	 color: #fff;
}

.mobile-menu input::-ms-input-placeholder {
	 color: #fff;
}





/* Place Holder CSS for Focus */
:hover::-webkit-input-placeholder {
  opacity: 0.2;
  -webkit-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:hover:-moz-placeholder {
  opacity: 0.2;
  -moz-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:hover::-moz-placeholder {
  opacity: 0.2;
  -moz-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:hover:-ms-input-placeholder {  
  opacity: 0.5;
  -ms-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}

/* Place Holder CSS for Focus */
:focus::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:focus:-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:focus::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}
:focus:-ms-input-placeholder {  
  opacity: 0;
  -ms-transition: opacity 0.33s ease-in-out;
  transition: opacity 0.33s ease-in-out;
}