/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-300.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-regular.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-700.svg#Lato') format('svg'); /* Legacy iOS */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/lato-v17-latin-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/lato-v17-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/lato-v17-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/lato-v17-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/lato-v17-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/lato-v17-latin-900.svg#Lato') format('svg'); /* Legacy iOS */
}



html {font-size: 1em;line-height: 1.4;}
::-moz-selection {background: #b3d4fc;text-shadow: none;}
::selection {background: #b3d4fc;text-shadow: none;}
audio,canvas,iframe,img,svg,video {vertical-align: middle;}
fieldset {border: 0;margin: 0;padding: 0;}
textarea {resize: vertical;}
*{box-sizing: border-box;}
html,body{height:100%;}

body{font-family: Lato, "Lucida Grande", Tahoma, Sans-Serif; font-weight:400; font-size:16px; line-height:22px; color: #565656;}



/* custom
========================================================================== */

.fxpage{margin:0 auto; width:100%; height: 100%; max-width:2560px;}


.header,
.container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position:relative;
}

.container > * {
	flex: 1 1 600px;
}

.header {height:100%; min-height:600px; background: url(/img/landing-header2.jpg) center center; background-size:cover;}
.header img{flex:none!important; width:100%;}


.header .overlay {left:calc(((50% - 580px))); bottom:20%; flex:none; position:absolute; background:#952337; color:#fff; padding:35px 35px; width:100%; max-width:900px; height:300px; clip-path: polygon(0 0, 100% 0, 96% 90%, 0% 100%);font-size:2.5rem; line-height:3rem;font-weight:400; letter-spacing:1px;}
.header .overlay p{padding:0; margin:0; width:100%;}
.header .overlay span{flex:none; display:inline; font-size:3rem; line-height:4.5rem; font-weight:300;}

.header .overlaycenter p{margin-top:60px; text-align:center;}






.block {
  display: flex;
  flex-wrap: wrap;
  flex-basis: calc(960px * 999 - 100% * 999);
  /*background: silver;*/
  /*margin: 1em;*/
}

.block > * {
  flex: 1 1 600px;
}

.content {
	align-self: center;
	padding: 1em 2em;
}
.media {
	text-align: center;
}
.media a{
	display:block;
}

.boxed{margin:0 auto;max-width:1580px;}

.contentL{align-items:flex-start;}
.contentC{align-items:center;}
.contentR{align-items:flex-end;}

.txtL{text-align:left;}
.txtC{text-align:center;}
.txtR{text-align:right;}

.txtFontL{font-weight:300;}
.txtFontR{font-weight:400;}
.txtFontB{font-weight:700;}
.txtFontB2{font-weight:900;}

.txtF1{font-size:1rem; line-height:1.25rem;}
.txtF1-25{font-size:1.25rem; line-height:1.5rem;}
.txtF1-5{font-size:1.5rem; line-height:2rem;}
.txtF1-75{font-size:1.75rem; line-height:2.5rem;}
.txtF2{font-size:2rem; line-height:2.5rem;}


.block-mw80{max-width:80%;}
.block-mw50{max-width:50%;}
.block-mw800{max-width:800px;}
.block-mw700{max-width:700px;}
.block-mw600{max-width:600px;}

.pd-t{padding-top:30px;}
.pd-r{padding-right:30px;}
.pd-b{padding-bottom:30px;}
.pd-l{padding-left:30px;}

ul{padding:0 0 0 25px; margin:0;}

p{display:inline-block;}
p b{font-weight:700;}
p strong{font-weight:900;}
h1.red,
span.red,
p.red b,
p.red strong{color:#952337;}
p a{color:#952337;text-decoration:none;}
p a:hover{text-decoration:underline;}

.dstxt p{display:block; width:100%; margin:0 0 30px 0; padding:0; }

.border-t{border-top:1px solid #ddd;}
.border-r{border-right:1px solid #ddd;}
.border-b{border-bottom:1px solid #ddd;}
.border-l{border-left:1px solid #ddd;}

.rast1 .block:nth-child(1),
.rast2 .block:nth-child(1){border-right:1px solid #ddd;}
.rast1 {border-bottom:1px solid #ddd;}

.lspacing{letter-spacing:1px;}

.skew:after {
    position: absolute;
    z-index: 9999;
    content: '';
    width: 100%;
    left: 0%;
    right: 0%;
    bottom: 0;
    border: 0;
    z-index: 10;
    box-sizing: border-box;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSI4NXB4IiB2aWV3Qm94PSIwIDAgNTk1IDg1IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPGc+DQoJPHBhdGggb3BhY2l0eT0iMC41IiBmaWxsPSIjZmZmZmZmIiBkPSJNNTk1LDc1LjdMMCwzNC4xVjIzLjNsNTk1LDQxLjZWNzUuN3oiLz4NCgk8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNTk1LDg1SDBWMzQuMWw1OTUsNDEuNlY4NXoiLz4JDQo8L2c+DQo8L3N2Zz4=);
    background-size: 100% 170px;
    height: 170px;
    transform: scaleX(-1);
    pointer-events: none;
}




.footer{background:#952337; padding:60px 0; margin:100px 0 0 0; text-align:center; color:#fff;}
.footer a{color:#fff; text-decoration:none; margin:0 10px;}
.footer a:hover{text-decoration:underline;}




/* MQ
========================================================================== */

@media only screen and (max-width: 1230px) {
	.header .overlay {left:30px; bottom:20%;
}


@media only screen and (max-width: 1080px) {

.header .overlay {left:calc(((50% - 300px))); bottom:20%; flex:none; position:absolute; background:#952337; color:#fff; padding:15px 25px 15px 25px; width:100%; max-width:600px; height:200px; clip-path: polygon(0 0, 100% 0, 96% 90%, 0% 100%);font-size:1.5rem; line-height:2rem;font-weight:400; letter-spacing:1px;}
.header .overlay p{padding:0; margin:0; width:100%;}
.header .overlay span{flex:none; display:inline; font-size:2rem; line-height:3rem; font-weight:300;}

.header .overlaycenter p{margin-top:60px; text-align:center;}


}

@media only screen and (max-width: 960px) {
	
	.rast1 {border:0;}
	.rast1 .block:nth-child(1),
	.rast2 .block:nth-child(1){border:0;}
	.rast1 .block,
	.rast2 .block{border-bottom:1px solid #ddd!important;}
}
@media only screen and (max-width: 700px) {
	.block-mw80{max-width:90%;}
}



@media only screen and (max-width: 650px) {
	.header .overlay {left:30px; right:30px; width:100%; max-width:calc(100% - 60px); height:auto; padding-bottom:50px;}
	.media a img{width:100%!important;}

}


@media only screen and (max-width: 450px) {
.header .overlay {font-size:1.2rem; line-height:1.5rem;font-weight:400; letter-spacing:1px;}
.header .overlay span{font-size:1.35rem; line-height:2rem; font-weight:300;}
}

@media only screen and (max-width: 400px) {
	.block-mw80{max-width:100%;}
}



/* Helper
========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}