@charset "UTF-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;width:100%}
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:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.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:-.5em}
sub{bottom:-.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}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}
html{font-size:16px;box-sizing:border-box}
.flex-container{display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-item-align:center;-webkit-align-items:center;align-items:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-ms-flex:1;-webkit-flex:1;flex:1}
*,:before,:after{box-sizing:inherit}
body{padding:0;margin:0;font-family:'Open Sans',sans-serif;font-weight:400;line-height:1.5;color:#000;background:#fefefe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle;-ms-interpolation-mode:nearest-neighbor}
textarea{height:auto;min-height:50px}
select{width:100%;border-radius:3px}
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object{max-width:none!important}
button{-webkit-appearance:none;-moz-appearance:none;background:transparent;padding:0;border:0;border-radius:3px;line-height:1;transition:all .2s ease-in-out}
.is-visible{display:block!important}
.is-hidden{display:none!important}
.row{max-width:70rem;margin-left:auto;margin-right:auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
.row .row{margin-left:-.625rem;margin-right:-.625rem}
@media screen and (min-width: 40em) {
.row .row{margin-left:-.9375rem;margin-right:-.9375rem}
}
.row.expanded{max-width:none}
.row.collapse > .column,.row.collapse > .columns{padding-left:0;padding-right:0}
.column,.columns{padding-left:.625rem;padding-right:.625rem;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
@media screen and (min-width: 40em) {
.column,.columns{padding-left:.9375rem;padding-right:.9375rem}
}
.column.row.row,.row.row.columns{float:none}
.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.small-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.small-offset-0{margin-left:0}
.small-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.small-offset-1{margin-left:8.33333%}
.small-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.small-offset-2{margin-left:16.66667%}
.small-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.small-offset-3{margin-left:25%}
.small-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.small-offset-4{margin-left:33.33333%}
.small-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.small-offset-5{margin-left:41.66667%}
.small-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.small-offset-6{margin-left:50%}
.small-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.small-offset-7{margin-left:58.33333%}
.small-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.small-offset-8{margin-left:66.66667%}
.small-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.small-offset-9{margin-left:75%}
.small-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.small-offset-10{margin-left:83.33333%}
.small-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.small-offset-11{margin-left:91.66667%}
.small-order-1{-webkit-order:1;-ms-flex-order:1;order:1}
.small-order-2{-webkit-order:2;-ms-flex-order:2;order:2}
.small-order-3{-webkit-order:3;-ms-flex-order:3;order:3}
.small-order-4{-webkit-order:4;-ms-flex-order:4;order:4}
.small-order-5{-webkit-order:5;-ms-flex-order:5;order:5}
.small-order-6{-webkit-order:6;-ms-flex-order:6;order:6}
.small-collapse > .column,.small-collapse > .columns{padding-left:0;padding-right:0}
.small-uncollapse > .column,.small-uncollapse > .columns{padding-left:.625rem;padding-right:.625rem}
@media screen and (min-width: 40em) {
.medium-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.medium-offset-0{margin-left:0}
.medium-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.medium-offset-1{margin-left:8.33333%}
.medium-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.medium-offset-2{margin-left:16.66667%}
.medium-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.medium-offset-3{margin-left:25%}
.medium-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.medium-offset-4{margin-left:33.33333%}
.medium-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.medium-offset-5{margin-left:41.66667%}
.medium-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.medium-offset-6{margin-left:50%}
.medium-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.medium-offset-7{margin-left:58.33333%}
.medium-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.medium-offset-8{margin-left:66.66667%}
.medium-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.medium-offset-9{margin-left:75%}
.medium-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.medium-offset-10{margin-left:83.33333%}
.medium-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.medium-offset-11{margin-left:91.66667%}
.medium-order-1{-webkit-order:1;-ms-flex-order:1;order:1}
.medium-order-2{-webkit-order:2;-ms-flex-order:2;order:2}
.medium-order-3{-webkit-order:3;-ms-flex-order:3;order:3}
.medium-order-4{-webkit-order:4;-ms-flex-order:4;order:4}
.medium-order-5{-webkit-order:5;-ms-flex-order:5;order:5}
.medium-order-6{-webkit-order:6;-ms-flex-order:6;order:6}
}
@media screen and (min-width: 40em) and (min-width: 40em) {
.medium-expand{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
}
.row.medium-unstack .column,.row.medium-unstack .columns{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}
@media screen and (min-width: 40em) {
.row.medium-unstack .column,.row.medium-unstack .columns{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
}
@media screen and (min-width: 40em) {
.medium-collapse > .column,.medium-collapse > .columns{padding-left:0;padding-right:0}
.medium-uncollapse > .column,.medium-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}
}
@media screen and (min-width: 64em) {
.large-1{-webkit-flex:0 0 8.33333%;-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}
.large-offset-0{margin-left:0}
.large-2{-webkit-flex:0 0 16.66667%;-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}
.large-offset-1{margin-left:8.33333%}
.large-3{-webkit-flex:0 0 25%;-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}
.large-offset-2{margin-left:16.66667%}
.large-4{-webkit-flex:0 0 33.33333%;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}
.large-offset-3{margin-left:25%}
.large-5{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.large-offset-4{margin-left:33.33333%}
.large-6{-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.large-offset-5{margin-left:41.66667%}
.large-7{-webkit-flex:0 0 58.33333%;-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}
.large-offset-6{margin-left:50%}
.large-8{-webkit-flex:0 0 66.66667%;-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}
.large-offset-7{margin-left:58.33333%}
.large-9{-webkit-flex:0 0 75%;-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}
.large-offset-8{margin-left:66.66667%}
.large-10{-webkit-flex:0 0 83.33333%;-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}
.large-offset-9{margin-left:75%}
.large-11{-webkit-flex:0 0 91.66667%;-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}
.large-offset-10{margin-left:83.33333%}
.large-12{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.large-offset-11{margin-left:91.66667%}
.large-order-1{-webkit-order:1;-ms-flex-order:1;order:1}
.large-order-2{-webkit-order:2;-ms-flex-order:2;order:2}
.large-order-3{-webkit-order:3;-ms-flex-order:3;order:3}
.large-order-4{-webkit-order:4;-ms-flex-order:4;order:4}
.large-order-5{-webkit-order:5;-ms-flex-order:5;order:5}
.large-order-6{-webkit-order:6;-ms-flex-order:6;order:6}
}
@media screen and (min-width: 64em) and (min-width: 64em) {
.large-expand{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
}
.row.large-unstack .column,.row.large-unstack .columns{-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%}
@media screen and (min-width: 64em) {
.row.large-unstack .column,.row.large-unstack .columns{-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
}
@media screen and (min-width: 64em) {
.large-collapse > .column,.large-collapse > .columns{padding-left:0;padding-right:0}
.large-uncollapse > .column,.large-uncollapse > .columns{padding-left:.9375rem;padding-right:.9375rem}
}
.shrink{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%}
.row.align-right{-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}
.row.align-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}
.row.align-justify{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
.row.align-spaced{-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}
.row.align-top{-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.column.align-top,.align-top.columns{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start}
.row.align-bottom{-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}
.column.align-bottom,.align-bottom.columns{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end}
.row.align-middle{-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.column.align-middle,.align-middle.columns{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
.row.align-stretch{-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch}
.column.align-stretch,.align-stretch.columns{-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0}
p{font-size:inherit;line-height:1.6;margin-bottom:1rem;text-rendering:optimizeLegibility}
em,i{font-style:italic;line-height:inherit}
strong,b{font-weight:700;line-height:inherit}
small{font-size:80%;line-height:inherit}
h1,h2,h3,h4,h5,h6{font-family:'Comfortaa','Open Sans',sans-serif;font-weight:600;font-style:normal;color:#000;text-rendering:optimizeLegibility;margin-top:0;margin-bottom:.5rem;line-height:1.25;}
h1{font-size:1.5rem}
h2{font-size:1rem}
h2 > span{display:block;font-weight:300;letter-spacing:.25rem}
.contactform h2{text-align:center;text-transform:none}
.contactform p{margin-top:0.5rem;font-size:1.25rem}
.contactform a{color:#037cc2}
h3{font-size:1.5rem}
h3 > span{display:block;font-weight:300;letter-spacing:.1rem;font-size:90%}
h4{font-size:1.125rem;color:#037cc2}
h5{font-size:1.0625rem}
h6{font-size:1rem}
@media screen and (min-width: 40em) {
h1{font-size:2.9rem}
h2{font-size:2.1rem}
h3{font-size:1.7rem}
h4{font-size:1.2rem}
h5{font-size:1.1rem}
h6{font-size:1rem}
}
a{color:#014162;text-decoration:none;line-height:inherit;cursor:pointer;font-weight:600;transition:all .2s ease-in-out}
a:hover,a:focus{color:#000}
a img{border:0}
hr{max-width:70rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}
ul,ol,dl{line-height:1.6;margin-bottom:1rem;list-style-position:outside}
li{font-size:inherit}
ul{list-style-type:disc;margin-left:1.25rem}
ol{margin-left:1.25rem}
ul ul,ol ul,ul ol,ol ol{margin-left:1.25rem;margin-bottom:0}
dl{margin-bottom:1rem}
dl dt{margin-bottom:.3rem;font-weight:700}
blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}
blockquote,blockquote p{line-height:1.6;color:#8a8a8a}
cite{display:block;font-size:.8125rem;color:#8a8a8a}
cite:before{content:'\2014 \0020'}
abbr{color:#000;cursor:help;border-bottom:1px dotted #0a0a0a}
code{font-family:Consolas,"Liberation Mono",Courier,monospace;font-weight:400;color:#0a0a0a;background-color:#e6e6e6;border:1px solid #cacaca;padding:.125rem .3125rem .0625rem}
kbd{padding:.125rem .25rem 0;margin:0;background-color:#e6e6e6;color:#0a0a0a;font-family:Consolas,"Liberation Mono",Courier,monospace}
.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4;color:#8a8a8a}
.lead{font-size:125%;line-height:1.6}
.stat{font-size:2.5rem;line-height:1}
p + .stat{margin-top:-1rem}
.no-bullet{margin-left:0;list-style:none}
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
.text-justify{text-align:justify}
@media screen and (min-width: 40em) {
.medium-text-left{text-align:left}
.medium-text-right{text-align:right}
.medium-text-center{text-align:center}
.medium-text-justify{text-align:justify}
}
@media screen and (min-width: 64em) {
.large-text-left{text-align:left}
.large-text-right{text-align:right}
.large-text-center{text-align:center}
.large-text-justify{text-align:justify}
}
.show-for-print{display:none!important}
@media print {
*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
.show-for-print{display:block!important}
.hide-for-print{display:none!important}
table.show-for-print{display:table!important}
thead.show-for-print{display:table-header-group!important}
tbody.show-for-print{display:table-row-group!important}
tr.show-for-print{display:table-row!important}
td.show-for-print{display:table-cell!important}
th.show-for-print{display:table-cell!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
.ir a:after,a[href^='javascript:']:after,a[href^='#']:after{content:''}
abbr[title]:after{content:" (" attr(title) ")"}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
img{max-width:100%!important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}
.button{display:inline-block;text-align:center;line-height:1;cursor:pointer;-webkit-appearance:none;transition:all .2s ease-in-out;vertical-align:middle;border:2px solid #000;padding:1em 3em;margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#000}
[data-whatinput='mouse'] .button{outline:0}
.button:hover,.button:focus{color:#000;border-color:orange;display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative}
.button.tiny{font-size:.6rem}
.button.small{font-size:.75rem}
.button.large{font-size:1rem}
.button.disabled,.button[disabled]{opacity:.25;cursor:not-allowed;pointer-events:none}
.button.dropdown::after{content:'';display:block;width:0;height:0;border:inset .4em;border-color:#fefefe transparent transparent;border-top-style:solid;border-bottom-width:0;position:relative;top:.4em;float:right;margin-left:1em;display:inline-block}
.button.arrow-only::after{margin-left:0;float:none;top:.2em}
[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea,select{display:block;box-sizing:border-box;width:100%;height:3.5rem;padding:.5rem;border:1px solid #b2b2b2;margin:0 0 1rem;font-family:inherit;font-size:1rem;color:#000;-webkit-appearance:none;-moz-appearance:none}
[type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus{border:1px solid #8a8a8a;background-color:#fefefe;outline:none;box-shadow:0 0 5px #cacaca;transition:box-shadow 0.5s,border-color .25s ease-in-out}
textarea{max-width:100%;height:200px}
textarea[rows]{height:auto}
input:disabled,input[readonly],textarea:disabled,textarea[readonly]{background-color:#e6e6e6;cursor:default}
[type='submit'],[type='button']{-webkit-appearance:none;-moz-appearance:none}
input[type='search']{box-sizing:border-box}
[type='file'],[type='checkbox'],[type='radio']{margin:0 0 1rem}
[type='checkbox'] + label,[type='radio'] + label{display:inline-block;margin-left:.5rem;margin-right:1rem;margin-bottom:0;vertical-align:baseline}
label > [type='checkbox'],label > [type='label']{margin-right:.5rem}
[type='file']{width:100%}
label{display:block;margin:0;font-size:.875rem;font-weight:400;line-height:1.8;color:#0a0a0a}
label.middle{margin:0 0 1rem;padding:.5625rem 0}
.help-text{margin-top:-.5rem;font-size:.8125rem;font-style:italic;color:#333}
.input-group{display:table;width:100%;margin-bottom:1rem}
.input-group > :first-child{border-radius:3px 0 0 3px}
.input-group > :last-child > *{border-radius:0 3px 3px 0}
.input-group-label,.input-group-field,.input-group-button{display:table-cell;margin:0;vertical-align:middle}
.input-group-label{text-align:center;width:1%;height:100%;padding:0 1rem;background:#e6e6e6;color:#0a0a0a;border:1px solid #cacaca;white-space:nowrap}
.input-group-label:first-child{border-right:0}
.input-group-label:last-child{border-left:0}
.input-group-field{border-radius:0;height:2.5rem}
.input-group-button{height:100%;padding-top:0;padding-bottom:0;text-align:center;width:1%}
.input-group-button a,.input-group-button input,.input-group-button button{margin:0}
fieldset{border:0;padding:0;margin:0}
legend{margin-bottom:.5rem;max-width:100%}
.fieldset{border:1px solid #cacaca;padding:1.25rem;margin:1.125rem 0}
.fieldset legend{background:#fefefe;padding:0 .1875rem;margin:0;margin-left:-.1875rem}
select{color:#0a0a0a;background-color:#fefefe;border-radius:3px;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,');background-size:9px 6px;background-position:right center;background-origin:content-box;background-repeat:no-repeat}
@media screen and (min-width: 0\0) {
select{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)}
}
select:disabled{background-color:#e6e6e6;cursor:default}
select::-ms-expand{display:none}
select[multiple]{height:auto}
.is-invalid-input:not(:focus){background-color:rgba(255,139,35,0.1);border-color:#ff8b23}
.is-invalid-label{color:#ff8b23}
.form-error{display:none;margin-top:-.5rem;margin-bottom:1rem;font-size:.75rem;font-weight:700;color:#ff8b23}
.form-error.is-visible{display:block}
.hide{display:none!important}
.invisible{visibility:hidden}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.hide-for-small-only{display:none!important}
}
@media screen and (max-width: 0em),screen and (min-width: 40em) {
.show-for-small-only{display:none!important}
}
@media screen and (min-width: 40em) {
.hide-for-medium{display:none!important}
}
@media screen and (max-width: 39.9375em) {
.show-for-medium{display:none!important}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only{display:none!important}
}
@media screen and (max-width: 39.9375em),screen and (min-width: 64em) {
.show-for-medium-only{display:none!important}
}
@media screen and (min-width: 64em) {
.hide-for-large{display:none!important}
}
@media screen and (max-width: 63.9375em) {
.show-for-large{display:none!important}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only{display:none!important}
}
@media screen and (max-width: 63.9375em),screen and (min-width: 75em) {
.show-for-large-only{display:none!important}
}
.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}
.show-for-landscape,.hide-for-portrait{display:block!important}
@media screen and (orientation: landscape) {
.show-for-landscape,.hide-for-portrait{display:block!important}
}
@media screen and (orientation: portrait) {
.show-for-landscape,.hide-for-portrait{display:none!important}
}
.hide-for-landscape,.show-for-portrait{display:none!important}
@media screen and (orientation: landscape) {
.hide-for-landscape,.show-for-portrait{display:none!important}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,.show-for-portrait{display:block!important}
}
.float-left{float:left!important}
.float-right{float:right!important}
.float-center{display:block;margin-left:auto;margin-right:auto}
.clearfix::before,.clearfix::after{content:' ';display:table}
.clearfix::after{clear:both}
.accordion{list-style-type:none;background:#fefefe;border:1px solid #e6e6e6;border-bottom:0;border-radius:3px;margin-left:0}
.accordion-title{display:block;padding:1.25rem 1rem;line-height:1;font-size:.75rem;color:#037cc2;position:relative;border-bottom:1px solid #e6e6e6}
.accordion-title:hover,.accordion-title:focus{background-color:#e6e6e6}
.accordion-title::before{content:'+';position:absolute;right:1rem;top:50%;margin-top:-.5rem}
.is-active > .accordion-title::before{content:'–'}
.accordion-content{padding:1rem;display:none;border-bottom:1px solid #e6e6e6;background-color:#fefefe}
.is-accordion-submenu-parent > a{position:relative}
.is-accordion-submenu-parent > a::after{content:'';display:block;width:0;height:0;border:inset 6px;border-color:#037cc2 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:50%;margin-top:-4px;right:1rem}
.is-accordion-submenu-parent[aria-expanded='true'] > a::after{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1)}
.breadcrumbs{list-style:none;margin:0 0 1rem}
.breadcrumbs::before,.breadcrumbs::after{content:' ';display:table}
.breadcrumbs::after{clear:both}
.breadcrumbs li{float:left;color:#0a0a0a;font-size:.6875rem;cursor:default;text-transform:uppercase}
.breadcrumbs li:not(:last-child)::after{color:#cacaca;content:"/";margin:0 .75rem;position:relative;top:1px;opacity:1}
.breadcrumbs a{color:#037cc2}
.breadcrumbs a:hover{text-decoration:underline}
.breadcrumbs .disabled{color:#cacaca}
.callout{background:#fff;background:-moz-linear-gradient(top,#fff 0%,#f6f6f6 100%);background:-webkit-linear-gradient(top,#fff 0%,#f6f6f6 100%);background:linear-gradient(to bottom,#fff 0%,#f6f6f6 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=0);border:1px solid #ccc;padding:1rem;text-align:center;margin:.5rem 0;position:relative;color:#000}
.callout.primary{background-color:#d1effe}
.callout.secondary{background-color:#c2eafe}
.callout.success{background-color:#d1effe}
.callout.alert{background-color:#ffeede}
.callout.warning{background-color:#fff3d9}
.callout.small{padding:.5rem}
.callout.large{padding:3rem}
.close-button{position:absolute;color:#8a8a8a;right:1rem;top:.5rem;font-size:2em;line-height:1;cursor:pointer}
[data-whatinput='mouse'] .close-button{outline:0}
.close-button:hover,.close-button:focus{color:#0a0a0a}
.dropdown-pane{background-color:#fefefe;border:1px solid #cacaca;border-radius:3px;display:block;font-size:1rem;padding:1rem;position:absolute;visibility:hidden;width:300px;z-index:10}
.dropdown-pane.is-open{visibility:visible}
.dropdown-pane.tiny{width:100px}
.dropdown-pane.small{width:200px}
.dropdown-pane.large{width:400px}
[data-whatinput='mouse'] .dropdown.menu a{outline:0}
.no-js .dropdown.menu ul{display:none}
.dropdown.menu:not(.vertical) .is-dropdown-submenu.first-sub{top:100%;left:0;right:auto}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub{top:100%;left:auto;right:0}
.is-dropdown-menu.vertical{width:100px}
.is-dropdown-menu.vertical.align-right{float:right}
.is-dropdown-menu.vertical > li .is-dropdown-submenu{top:0;left:100%}
.is-dropdown-submenu-parent{position:relative}
.is-dropdown-submenu-parent a::after{float:right;margin-top:3px;margin-left:10px}
.is-dropdown-submenu-parent.is-down-arrow a{padding-right:1.5rem;position:relative}
.is-dropdown-submenu-parent.is-down-arrow > a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:#037cc2 transparent transparent;border-top-style:solid;border-bottom-width:0;position:absolute;top:.825rem;right:5px}
.is-dropdown-submenu-parent.is-left-arrow > a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent #037cc2 transparent transparent;border-right-style:solid;border-left-width:0;float:left;margin-left:0;margin-right:10px}
.is-dropdown-submenu-parent.is-right-arrow > a::after{content:'';display:block;width:0;height:0;border:inset 5px;border-color:transparent transparent transparent #037cc2;border-left-style:solid;border-right-width:0}
.is-dropdown-submenu-parent.is-left-arrow.opens-inner .is-dropdown-submenu{right:0;left:auto}
.is-dropdown-submenu-parent.is-right-arrow.opens-inner .is-dropdown-submenu{left:0;right:auto}
.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu{top:100%}
.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu{left:auto;right:100%}
.is-dropdown-submenu{display:none;position:absolute;top:0;left:100%;min-width:200px;z-index:1;background:#fefefe;border:1px solid #cacaca}
.is-dropdown-submenu .is-dropdown-submenu{margin-top:-1px}
.is-dropdown-submenu > li{width:100%}
.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu,.is-dropdown-submenu.js-dropdown-active{display:block}
.label{display:inline-block;padding:.33333rem .5rem;font-size:.8rem;line-height:1;white-space:nowrap;cursor:default;border-radius:3px;background:#037cc2;color:#fefefe}
.label.secondary{background:#014162;color:#fefefe}
.label.success{background:#037cc2;color:#fefefe}
.label.alert{background:#ff8b23;color:#fefefe}
.label.warning{background:#ffae00;color:#fefefe}
.media-object{margin-bottom:1rem;display:block}
.media-object img{max-width:none}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section{display:block;padding:0;padding-bottom:1rem}
.media-object.stack-for-small .media-object-section img{width:100%}
}
.media-object-section{display:table-cell;vertical-align:top}
.media-object-section:first-child{padding-right:1rem}
.media-object-section:last-child:not(:nth-child(2)){padding-left:1rem}
.media-object-section.middle{vertical-align:middle}
.media-object-section.bottom{vertical-align:bottom}
.menu{margin:0;list-style-type:none;margin-top:.75rem}
.menu > li{display:table-cell;vertical-align:middle}
[data-whatinput='mouse'] .menu > li{outline:0}
.menu > li > a{display:block;padding:.7rem 1rem;line-height:1;color:#fff;font-weight:600;transition:all .2s ease-in-out}
.menu > li > a:hover{color:#ffb266}
.menu input,.menu a,.menu button{margin-bottom:0}
.menu > li > a > img,.menu > li > a > i{vertical-align:middle}
.menu > li > a > span{vertical-align:middle}
.menu > li > a > img,.menu > li > a > i{display:inline-block;margin-right:.25rem}
.menu > li{display:table-cell}
.menu.vertical > li{display:block}
@media screen and (min-width: 40em) {
.menu.medium-horizontal > li{display:table-cell}
.menu.medium-vertical > li{display:block}
}
@media screen and (min-width: 64em) {
.menu.large-horizontal > li{display:table-cell}
.menu.large-vertical > li{display:block}
}
.menu.simple li{line-height:1;display:inline-block;margin-right:1rem}
.menu.simple a{padding:0}
.menu.align-right > li{float:right}
.menu.expanded{display:table;table-layout:fixed;width:100%}
.menu.expanded > li:first-child:last-child{width:100%}
.menu.icon-top > li > a{text-align:center}
.menu.icon-top > li > a > img,.menu.icon-top > li > a > i{display:block;margin:0 auto .25rem}
.menu.nested{margin-left:1rem}
.menu-text{font-weight:700;color:inherit;line-height:1;padding:.7rem 1rem}
.no-js [data-responsive-menu] ul{display:none}
html,body{height:100%}
.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}
.off-canvas-wrapper-inner{position:relative;width:100%;transition:all .5s ease}
.off-canvas-wrapper-inner::before,.off-canvas-wrapper-inner::after{content:' ';display:table}
.off-canvas-wrapper-inner::after{clear:both}
.off-canvas-content,.off-canvas-content{min-height:100%;background:#fefefe;transition:-webkit-transform .5s ease;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;box-shadow:0 0 10px rgba(10,10,10,0.5)}
.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,0.25);cursor:pointer;transition:background .5s ease}
.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
[data-whatinput='mouse'] .off-canvas{outline:0}
.off-canvas.position-left{left:-250px;top:0;width:250px}
.is-open-left{-webkit-transform:translateX(250px);-ms-transform:translateX(250px);transform:translateX(250px)}
.off-canvas.position-right{right:-250px;top:0;width:250px}
.is-open-right{-webkit-transform:translateX(-250px);-ms-transform:translateX(-250px);transform:translateX(-250px)}
@media screen and (min-width: 40em) {
.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}
.position-left.reveal-for-medium ~ .off-canvas-content{margin-left:250px}
.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}
.position-right.reveal-for-medium ~ .off-canvas-content{margin-right:250px}
}
@media screen and (min-width: 64em) {
.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}
.position-left.reveal-for-large ~ .off-canvas-content{margin-left:250px}
.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}
.position-right.reveal-for-large ~ .off-canvas-content{margin-right:250px}
}
.sticky-container{position:relative}
.sticky{position:absolute;z-index:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.sticky.is-stuck{position:fixed;z-index:5}
.sticky.is-stuck.is-at-top{top:0}
.sticky.is-stuck.is-at-bottom{bottom:0}
.sticky.is-anchored{position:absolute;left:auto;right:auto}
.sticky.is-anchored.is-at-bottom{bottom:0}
body.is-reveal-open{overflow:hidden}
.reveal-overlay{display:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:1005;background-color:rgba(10,10,10,0.75)}
.reveal{display:none;z-index:10000;padding:2rem 1rem;border:1px solid #cacaca;margin:6.25rem auto 0;background-color:#fefefe;border-radius:3px;position:relative;overflow-y:auto;text-align:center;max-width:50rem}
[data-whatinput='mouse'] .reveal{outline:0}
.reveal h2{font-size:2rem}
@media screen and (min-width: 40em) {
.reveal{min-height:0}
}
.reveal .column,.reveal .columns,.reveal .columns{min-width:0}
.reveal > :last-child{margin-bottom:0}
@media screen and (min-width: 40em) {
.reveal{width:600px;max-width:70rem}
}
@media screen and (min-width: 40em) {
.reveal .reveal{left:auto;right:auto;margin:0 auto}
}
.reveal.collapse{padding:0}
@media screen and (min-width: 40em) {
.reveal.tiny{width:30%;max-width:70rem}
}
@media screen and (min-width: 40em) {
.reveal.small{width:50%;max-width:70rem}
}
@media screen and (min-width: 40em) {
.reveal.large{width:90%;max-width:70rem}
}
.reveal.full{top:0;left:0;width:100%;height:100%;height:100vh;min-height:100vh;max-width:none;margin-left:0;border:0}
.switch{margin-bottom:1rem;outline:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fefefe;font-weight:700;font-size:.875rem}
.switch-input{opacity:0;position:absolute}
.switch-paddle{background:#cacaca;cursor:pointer;display:block;position:relative;width:4rem;height:2rem;transition:all .25s ease-out;border-radius:3px;color:inherit;font-weight:inherit}
input + .switch-paddle{margin:0}
.switch-paddle::after{background:#fefefe;content:'';display:block;position:absolute;height:1.5rem;left:.25rem;top:.25rem;width:1.5rem;transition:all .25s ease-out;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);border-radius:3px}
input:checked ~ .switch-paddle{background:#037cc2}
input:checked ~ .switch-paddle::after{left:2.25rem}
[data-whatinput='mouse'] input:focus ~ .switch-paddle{outline:0}
.switch-active,.switch-inactive{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.switch-active{left:8%;display:none}
input:checked + label > .switch-active{display:block}
.switch-inactive{right:15%}
input:checked + label > .switch-inactive{display:none}
.switch.tiny .switch-paddle{width:3rem;height:1.5rem;font-size:.625rem}
.switch.tiny .switch-paddle::after{width:1rem;height:1rem}
.switch.tiny input:checked ~ .switch-paddle:after{left:1.75rem}
.switch.small .switch-paddle{width:3.5rem;height:1.75rem;font-size:.75rem}
.switch.small .switch-paddle::after{width:1.25rem;height:1.25rem}
.switch.small input:checked ~ .switch-paddle:after{left:2rem}
.switch.large .switch-paddle{width:5rem;height:2.5rem;font-size:1rem}
.switch.large .switch-paddle::after{width:2rem;height:2rem}
.switch.large input:checked ~ .switch-paddle:after{left:2.75rem}
table{width:100%;margin-bottom:1rem;border-radius:3px}
table thead,table tbody,table tfoot{border:1px solid #f1f1f1;background-color:#fefefe}
table caption{font-weight:700;padding:.5rem .625rem .625rem}
table thead,table tfoot{background:#f8f8f8;color:#000}
table thead tr,table tfoot tr{background:transparent}
table thead th,table thead td,table tfoot th,table tfoot td{padding:.5rem .625rem .625rem;font-weight:700;text-align:left}
table tbody tr:nth-child(even){background-color:#f1f1f1}
table tbody th,table tbody td{padding:.5rem .625rem .625rem}
@media screen and (max-width: 63.9375em) {
table.stack thead{display:none}
table.stack tfoot{display:none}
table.stack tr,table.stack th,table.stack td{display:block}
table.stack td{border-top:0}
}
table.scroll{display:block;width:100%;overflow-x:auto}
table.hover tr:hover{background-color:#f9f9f9}
table.hover tr:nth-of-type(even):hover{background-color:#ececec}
.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}
.tabs::before,.tabs::after{content:' ';display:table}
.tabs::after{clear:both}
.tabs.vertical > li{width:auto;float:none;display:block}
.tabs.simple > li > a{padding:0}
.tabs.simple > li > a:hover{background:transparent}
.tabs.primary{background:#037cc2}
.tabs.primary > li > a{color:#fefefe}
.tabs.primary > li > a:hover,.tabs.primary > li > a:focus{background:#038cd4}
.tabs-title{float:left}
.tabs-title > a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:12px;color:#037cc2}
.tabs-title > a:hover{background:#fefefe}
.tabs-title > a:focus,.tabs-title > a[aria-selected='true']{background:#e6e6e6}
.tabs-content{background:#fefefe;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}
.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}
.tabs-panel{display:none;padding:1rem}
.tabs-panel.is-active{display:block}
.thumbnail{border:solid 4px #fefefe;box-shadow:0 0 0 1px rgba(10,10,10,0.2);display:inline-block;line-height:0;max-width:100%;transition:box-shadow 200ms ease-out;border-radius:3px;margin-bottom:1rem}
.thumbnail:hover,.thumbnail:focus{box-shadow:0 0 6px 1px rgba(3,130,197,0.5)}
.top-bar{z-index:999;padding:.5rem .5rem .5rem 1rem;max-width:70rem;margin:0 auto;display:block}
.top-bar::before,.top-bar::after{content:' ';display:table}
.top-bar::after{clear:both}
.top-bar input{width:200px;margin-right:1rem}
.top-bar input.button{width:auto}
.top-bar-right > .menu > li:last-of-type a{padding-right:0}
@media screen and (max-width: 39.9375em) {
.stacked-for-small .top-bar-title{width:100%}
.stacked-for-small .top-bar-right{width:100%}
.stacked-for-small .top-bar-left{width:100%}
}
@media screen and (max-width: 63.9375em) {
.stacked-for-medium .top-bar-title{width:100%}
.stacked-for-medium .top-bar-right{width:100%}
.stacked-for-medium .top-bar-left{width:100%}
}
@media screen and (max-width: 74.9375em) {
.stacked-for-large .top-bar-title{width:100%}
.stacked-for-large .top-bar-right{width:100%}
.stacked-for-large .top-bar-left{width:100%}
}
@media screen and (min-width: 0em) and (max-width: 40em) {
.top-bar-title{width:50%}
.top-bar-right{width:100%}
.top-bar-left{width:100%;text-align:center;float:none}
}
.top-bar-title{float:left;margin-right:1rem}
.top-bar-left{float:left}
.top-bar-right{float:right}
.top-bar-left .menu li a{margin:0;padding:0}
.hero{transition:height .2s ease;background:radial-gradient(ellipse at 66% 25%,#4e1700 0%,#1d130e 100%);height:80%;background:url('../img/pie-day-hero.jpg') no-repeat center top;background-size:cover;padding-top:1rem;position:fixed;z-index:1;left:0;top:0;width:100%}
.hero-tag {position:absolute;left:1.875rem;bottom:1.875rem;color:#fff;font-size:1.2rem;text-shadow:3px 3px 4px rgba(33,33,33,0.75)}
.snow-controls {
position: absolute;
right: 1rem;
bottom: 1.75rem;
z-index: 10;
/* background: rgba(0, 73, 160, 0.5); */
background: rgba(11, 99, 155, 0.5);
padding: 4px 6px;
border: solid white 1px;
color: white;
font-size: 0.875rem;
}
.snow-controls div {
text-align: center;
}
.snow-controls hr {
background: #fff;
color: #fff;
height: 1px;
margin: 4px 0;
border: 0;
}
.snow-controls a {
font-size: 0.8rem;
font-weight: normal;
display: block;
background: url(../img/snow-radio-off.svg) left center no-repeat transparent;
background-size: 8px;
padding-left: 10px;
color: white;
}
.snow-controls a.on {
background-image: url(../img/snow-radio-on.svg);
}
.jump-content{position:relative;z-index:3}
.hero-vid{display:block;width:100%;height:100%;position:absolute;top:-0.5rem;left:0;transform: translate(0%, 0%);object-fit: cover; z-index:-1}
*::-webkit-media-controls-start-playback-button {display:none!important;-webkit-appearance:none;}
.spacer{position:relative;left:0;top:0;height:80%}
#canvas{position:absolute;overflow:hidden;top:0;left:0;z-index:1;width:100%;height:100%}
#canvas img{position:absolute;top:0;left:0}
.intro{position:relative;width:100%;height:100%;margin:0 auto;-ms-flex-flow:column;flex-direction:column}
.intro h1{text-shadow: 3px 3px 5px rgba(73,23,5,0.5); transition:all 1s ease;color:#fff;text-align:center;margin-bottom:2rem;line-height:1.25;}
.intro h1 span{display:block;font-family:'Open Sans Condensed',sans-serif;font-size:185%}
.intro h1 span em{letter-spacing:0;font-style:normal}
.bluesplit{background:linear-gradient(to left top,#014162 50%,#037cc2 50%);padding:5rem;margin-bottom:4rem}
.bluesplit p{font-size:1.125rem}
.orange{padding:5rem 0;background:url(../img/orange.jpg) no-repeat bottom right;background-size:contain;background-color:#fff;transition:all .2s ease}
.orange h3{font-size:1.75rem;text-transform: uppercase;}
.orange h3 > span{font-size:150%}
.orange h3:last-of-type{margin-top:3rem}
.contactinfo{position:relative;z-index:50;background:#f6f6f6;border-top:2px solid #d5d5d5;padding:1rem 0}
.contactform h2{margin-bottom:2.5rem}
#thank-you{display:none;text-align:center;height:284px;-ms-flex-pack:center;-webkit-align-items:center;align-items:center}
#contact-page #thank-you{text-align:left;height:416px;-ms-flex-pack:center;-webkit-align-items:flex-start;align-items:flex-start}
input[name="confirm_email"]{display:none}
.contactinfo > div{margin:0 2rem}
.contactinfo img{float:left}
.visit,.team{float:right;margin-left:1.5rem}
.contactinfo p{margin-bottom:0}
.contactinfo p span{display:block}
.contactinfo a{font-weight:700}
.contactinfo a:after{content:' \f101';font-family:"FontAwesome"}
.contactinfo .likewhatyousee span{display:inline-block}
.likewhatyousee{font-size:1.25rem;line-height:2}
.phoneform{font-size:1.5rem;text-align:center}
.phoneform a{border:none}
.phoneform a:hover{color:#000}
a.fillform{color:#000;text-transform:none;border-bottom:1px solid #ff8b23;font-weight:400;padding:0 .25rem;display:inline-block}
a.fillform:after{content:''}
.contactinfo a:hover,a.fillform:hover{color:#ff8b23}
.contactinfo.flex-container .row,.contactinfo.flex-container .small-12{width:100%}
footer{position:relative;z-index:100;background:#34383e;padding:1rem}
footer .row .columns{padding:0}
.footnav{list-style:none;margin:0;vertical-align:middle}
.footnav li{display:inline}
ul.footnav li:first-child{margin-left:0}
ul.footnav li:last-child{margin-right:0}
.footnat:last-child{margin-right:0}
.footnav li{margin:0 .75rem}
.footnav li a{text-transform:uppercase;color:#fff;font-weight:600;transition:color .1s ease-in-out;font-size:.9rem}
.footnav li a:hover{color:#ff8b23}
.copyright{font-size:.75rem;color:#d5d5d5}
.copyright p{margin:0}
.copyright p span{display:block}
.smRoundBtn{display:inline-block;position:relative;cursor:pointer;width:40px;height:40px;padding:0;text-decoration:none;text-align:center;color:#fff;font-weight:400;font-size:1.25rem;line-height:1.75em;border:2px solid #fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;float:none;transition:transform .2s ease-in-out}
.twitterBtn:before{font-family:"FontAwesome";content:"\f099"}
.linkedinBtn:before{font-family:"FontAwesome";content:"\f0e1"}
.emailBtn:before{font-family:"FontAwesome";content:"\f003"}
.facebookBtn:before{font-family:"FontAwesome";content:"\f09a"}
.pinterestBtn:before{font-family:"FontAwesome";content:"\f231"}
.instagramBtn:before{font-family:"FontAwesome";content:"\f16d"}
.googleplusBtn:before{font-family:"FontAwesome";content:"\f0d5"}
.social a{margin-left:.5rem}
.social a:first-child{margin-left:0}
.smRoundBtn:hover,.smRoundBtn:focus,.smRoundBtn:active{color:#fff}
.smRoundBtn:hover{transform:scale(1.25)}
.scrollmagic-pin-spacer{z-index:10}
.content-wrapper{position:relative;z-index:50;background-color:#fff;padding-top:5rem}
.services{background:#fff;text-align:center;margin-top:5rem;margin-bottom:5rem}
.services.home{margin-top:0}
.services.home h2{margin-bottom:3.3rem;font-size:2rem;text-transform:none}
.services.home h2 span{display:inline-block;margin-top:1.5rem;font-size:1.85rem}
.projectinfo{text-align:center;margin-top:2rem;margin-bottom:3rem}
.services p{font-size:1.28rem;margin-top:2rem}
.servicebox{position:relative;padding:1.5rem 0}
.servicebox img{margin:0 auto;margin-bottom:1rem}
.servicebox ul{list-style:none;margin:0}
.servicebox ul li{line-height:1.75rem}
.servicebox ul li a{font-weight:400;color:#000}
.servicebox ul li a:hover{color:#000}
.servicebox ul li:last-of-type a{font-weight:700;line-height:3rem;text-transform:uppercase;color:#037cc2;padding:.25rem .5rem;font-size:1.25rem;border-bottom:2px solid #014162;transition:all .2s ease}
.servicebox ul li:last-of-type a:hover{padding:.25rem 1rem}
.plus{position:absolute;bottom:0.1rem;right:0.5rem;color:#cacaca}
.view-service img,.view-service h3{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease; text-transform: uppercase;}
.view-service .mask{-webkit-transform:translateX(-500px);-moz-transform:translateX(-500px);-o-transform:translateX(-500px);-ms-transform:translateX(-500px);transform:translateX(-500px);-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;transition:all .5s ease;width:100%;height:100%}
.mask.flex-container{-ms-flex-align:center}
.view-service p{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;color:#333;font-size:1rem;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}
.view-service:hover .mask{-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-o-transform:translateX(0px);-ms-transform:translateX(0px);transform:translateX(0px)}
.view-service:hover img,.view-service:hover h3{-webkit-transform:translateX(525px);-moz-transform:translateX(525px);-o-transform:translateX(525px);-ms-transform:translateX(525px);transform:translateX(525px)}
.view-service:hover p{-ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);opacity:1}
.view{overflow:hidden;position:relative;cursor:default}
.view .mask,.view .content{position:absolute;overflow:hidden;top:0;left:0}
.view img{display:block;position:relative}
.view a.info{display:inline-block;bottom:0;position:relative;text-decoration:none;width:50%;margin:0 auto;padding:.5rem 0;border:2px solid #000;color:#000;font-weight:600;text-transform:uppercase;transition:border-color .1s ease-in-out}
.view a.info:hover{border-color:#d5d5d5}
.contactform{margin-bottom:4rem}
.whtbtn,.blbtn{width:100%;max-width:390px;padding:.625rem .5rem;display:block;font-size:1.5rem;margin:0 auto;font-weight:600;outline:none;border:2px solid #fff;background:none;color:#fff;vertical-align:middle;position:relative;z-index:1;text-align:center;-webkit-backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;overflow:hidden;-webkit-transition:border-color 0.2s,color 0.2s,max-width 1s,padding 1s;transition:border-color 0.2s,color .2s max-width 1s,padding 1s;-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.whtbtn {background-color:rgba(78,23,0,0.24)}
.whtbtn:active,.whtbtn:focus{background:#014ea3;color:#fff}
.blbtn:active,.blbtn:focus{background:#000}
.whtbtn {text-shadow:3px 3px 5px rgba(100,88,75,0.5); font-weight:700!important;}
.whtbtn:hover{color:#fff}
.whtbtn::before,.blbtn::before{content:'';position:absolute;top:0;left:0;width:130%;height:100%;z-index:-1;-webkit-transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);transform:rotate3d(0,0,1,-45deg) translate3d(0,-3em,0);-webkit-transform-origin:0 100%;transform-origin:0 100%;-webkit-transition:-webkit-transform 0.2s,opacity 0.2s,background-color .2s;transition:transform 0.2s,opacity 0.2s,background-color .2s}
.whtbtn:hover::before,.blbtn:hover::before{opacity:1;background-color:rgba(78,23,0,0.7);-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg);-webkit-transition-timing-function:cubic-bezier(0.2,1,0.3,1);transition-timing-function:cubic-bezier(0.2,1,0.3,1)}
.blbtn{font-size:1.25rem;color:#000;margin:0!important;text-align:center;border:2px solid #014162;max-width:300px}
.blbtn:hover{color:#fff}
.blbtn:hover::before{background:#014162}
.button.orng{background:#ff8b23;border:none;color:#fff;font-weight:700;font-size:1.25rem;padding:1rem 3.5rem;margin-top:0.625rem}
.button.orng:hover{background:#014162;border:none;transform:none}
form p{color:#4c4c4c}
.social{display:flex;display:-webkit-flex;display:-ms-flexbox;width:auto}
.social.flex-container{justify-content:space-around}
.container header{position:fixed;width:100%;min-height:80px;top:0;z-index:1000;background:none;transition:background .2s ease;-webkit-transition:background .2s ease}
.container header.scrolled{position:fixed;top:-70px;background:rgba(33,33,33,0.8);border-bottom:1px solid #1d130e;transform:translateY(70px);transition:background .2s ease;-webkit-transition:background .2s ease}
.container header nav{width:100%;margin:0 auto;height:100%;text-align:center}
.container header nav ul{position:relative;top:50%;transform:translateY(-50%)}
.container header nav ul li{display:inline;margin-right:20px}
.overlaybtn{transition:all .2s ease;z-index:2500;position:fixed;float:right;right:0;text-align:right}
input{display:none}
.overlaybtn label{transition:all .2s ease;text-transform:uppercase;text-align:center;width:auto;font-weight:600;float:right;padding:.25rem 1rem;font-size:1.5rem;color:#fff;margin-top:.75rem}
.overlaybtn label:before{content:"\f0c9 ";font-family:'fontawesome';margin-right:.5rem}
.overlaybtn label:hover{cursor:pointer;color:rgba(255,255,255,.7)}
.overlay{position:fixed;width:100%;height:100%;top:0;left:0;z-index:3000;background:rgba(27,36,48,0.9)}
.overlay label{width:40px;height:40px;position:absolute;right:20px;top:20px;background:url(../img/overlay-x.png);z-index:100;cursor:pointer}
.overlay .overlay-nav{text-align:center;position:relative;top:50%;font-size:2rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.overlay ul{list-style:none;padding:0;margin:0 auto;display:inline-block;height:100%;position:relative}
.overlay ul li{display:block;height:20%;height:calc(100% / 6)}
.overlay ul li a{font-weight:400;display:block;color:#fff;padding:.5rem 0;text-decoration:none;-webkit-transition:color .2s;transition:color .2s;text-transform:uppercase}
.overlay ul li a:hover,.overlay ul li a:focus{color:#ff8b23}
.overlaybtn~.overlay-menu{opacity:0;visibility:hidden;-webkit-transition:opacity 0.5s,visibility 0 .5s;transition:opacity 0.5s,visibility 0 .5s}
#op:checked~.overlay-menu{opacity:1;visibility:visible;-webkit-transition:opacity .5s;transition:opacity .5s}
.overlay-menu .overlay-nav{-moz-perspective:300px}
.overlay-menu .overlay-nav ul{opacity:.4;-webkit-transform:translateY(-25%) rotateX(35deg);transform:translateY(-25%) rotateX(35deg);-webkit-transition:-webkit-transform 0.5s,opacity .5s;transition:transform 0.5s,opacity .5s}
#op:checked~.overlay-menu .overlay-nav ul{opacity:1;-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}
#op:not(:checked)~.overlay-menu .overlay-nav ul{-webkit-transform:translateY(25%) rotateX(-35deg);transform:translateY(25%) rotateX(-35deg)}
.aboutpage,.servicespage,.reasonspage{height:40%}
.holiday{height:5%}
/* ABOUT PG */
.aboutpage{background:url(../assets/images/digital-eye-building.jpg) no-repeat top center;background-size:cover}
.holiday{background-image:none;}
.aboutpage h1{margin:4rem 0 0}
.people{padding:0;width:100%;background:#f6f6f6}
.people:nth-child(2n+2){background:none}
.people .smRoundBtn,.contact .smRoundBtn{line-height:2.125em;background:#037cc2;border:none;margin:0;transition:all .2s ease}
.people .smRoundBtn:hover,.contact .smRoundBtn:hover{background:#014162;transform:none}
.people .smRoundBtn:first-of-type{margin-right:1rem}
.people .row{width:95%}
.people .row img{margin-top:2rem}
.people .flex-container{align-items:none}
.people h2 span{font-size:63%}
.member a.smRoundBtn .show-for-sr{background-color:#ccc; color:#001e2d}
#process{text-align:center;padding:5rem 0}
#process .medium-3{padding:0 3%}
#process h2{margin-bottom:2rem;color:#fff}
#process h4{font-weight:600;color:#fff}
#process .fa-stack.fa-4x{margin:1rem 0}
#process .fa-circle{color:rgba(255,255,255,.25)}
#process .fa-inverse{color:#fff}
#theteam{padding-top:90px}
#work:before{display:block;content:" ";margin-top:-45px;height:45px;visibility:hidden}
@media screen and (min-width:52.01em) {
.people .sm-team-member{display:none}
}
@media screen and (min-width: 64em) {
.people .large-4{-webkit-flex:0 0 41.66667%;-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}
.reasonsblock .large-6{width:50%}
}
@media screen and (max-width: 64em) {
.people .small-12 img{border-bottom:1px solid #ddd;padding:0 3rem}
.people:nth-child(2n+2) .small-12 img{border-bottom:1px solid #ededed}
.people .small-12{margin:.5rem 0}
.people p{font-size:.9rem}
.people h2{font-size:2rem}
.people h2 span{font-size:60%;letter-spacing:.125rem}
}
@media screen and (max-width: 52em) {
.people{padding:2rem 0}
.people .sm-team-member{display:block}
.people .medium-3{display:none}
}
/* CONTACT PG */
.contactpage,.paymentpage{background:#0074b3;background:-moz-linear-gradient(top,rgba(0,116,179,1) 0%,rgba(0,76,152,1) 100%);background:webkit-linear-gradient(top,rgba(0,116,179,1) 0%,rgba(0,76,152,1) 100%);background:linear-gradient(to bottom,rgba(0,116,179,1) 0%,rgba(0,76,152,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074b3',endColorstr='#004c98',GradientType=0);height:35%;background-size:cover;margin-bottom:5rem}
.contactpage h1{margin:3rem 0 0}
.contact h3 span{font-weight:inherit;letter-spacing:0;font-size:inherit;display:inline-block}
.contact h3:last-of-type{margin-top:0.9rem}
.contact p{font-size:1.125rem}
.contact p span{display:block}
.contact p a{color:#000;text-transform:none;border-bottom:1px solid #ff8b23;font-weight:400;padding:0 .25rem;display:inline-block}
.contact p a:hover,.contact p a:active,.contact p a:focus{color:#ff8b23}
.contact form textarea{height:100px}
.contact form p{font-size:1rem}
.contact .smRoundBtn{margin:.25rem .25rem .25rem 0}
.contact .smRoundBtn:first-of-type{margin-left:0}
.contact .smRoundBtn:last-of-type{margin-right:0}
#map{height:25rem;border-top:2px solid #d5d5d5}
/* PORTFOLIO PG */
.portfoliopage .container header,.aboutpage .container header,.holiday .container header{background:rgba(27,36,48,0.8);border-bottom:1px solid #1d130e}
.portfoliopage{height:6rem}
.projects{margin-bottom:6rem}
.cashconnect{background-color:#40e0d0;background:url(../img/portfolio/cashconnect-bg.jpg)}
.patterson{background:#5f9ea0;background:url(../img/portfolio/patterson-bg.jpg)}
.helient{background:#191970;background:url(../img/portfolio/helient-bg.jpg)}
.unitedelectric{background:#6495ed;background:url(../img/portfolio/united-bg.jpg)}
.kwalifi{background:purple;background:url(../img/portfolio/kwalifi-bg.jpg)}
.beane{background:#b0c4de;background:url(../img/portfolio/beane-bg.jpg)}
.projects > .row > div{min-height:15rem;background-position:center center;background-repeat:no-repeat;background-size:cover;transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease;background-size:150%;position:relative;text-align:center}
.projects > .row > div > a{display:block;width:100%;height:100%;padding:2rem}
.projects > .row > div:hover{background-size:130%}
.projects > .row > div img{transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease}
.projects > .row > div:hover img{-moz-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
/* PROJECT PG */
.projectinfo{text-align:center}
.light{font-family:'Open Sans',sans-serif;font-weight:300;font-size:1.25rem;letter-spacing:normal;text-transform:none}
.projectinfo p{font-size:1.125rem;margin:2rem 0}
.bluegradient{width:100%;background:#0371c5;background:-moz-linear-gradient(-45deg,rgba(3,113,197,1) 0%,rgba(3,130,197,1) 50%,rgba(0,54,92,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(3,113,197,1) 0%,rgba(3,130,197,1) 50%,rgba(0,54,92,1) 100%);background:linear-gradient(135deg,rgba(3,113,197,1) 0%,rgba(3,130,197,1) 50%,rgba(0,54,92,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0371c5',endColorstr='#00365c',GradientType=1);position:relative;overflow:hidden!important}
.bluegradient .row{padding:4rem 0 5rem}
.webpage{bottom:0;position:absolute}
.webpage img{float:right;width:75%}
.partner{background-color:#053b57;color:#fff;font-size:1.5rem;padding:5rem 0 4rem}
.partner h2{color:#fff;margin:1rem 0 1.5rem}
.partner p{font-size:1.2625rem;margin-bottom:1.75rem}
/* CAREER PG */
.career{padding-bottom:5rem;font-size:1.125rem}
.careerblock{background:#014162;padding:1.5rem;color:#fff;margin-bottom:5rem}
.careerblock p{font-size:.9rem;line-height:1.4}
.careerblock p a{color:#fff;text-decoration:none;border:none}
.careerblock p span{display:inline-block}
.careerblock .contact p{font-size:1rem}
.careerblock .contact{margin:2rem 0}
.careerblock h4{color:#fff;font-size:1.125rem}
.bolditalic{font-weight:600;font-style:italic}
.careerblock #instafeed{text-align:left}
.careerblock #instafeed img{width:47%;max-width:150px;margin:.25rem;margin-left:0}
.careerblock #instafeed:hover img,.careerblock #instafeed img:hover{opacity:1;transition:all .3s ease}
/* SERVICES PG */
.servicespage{background:url(../img/capabilities2.jpg) no-repeat center;background-size:cover}
.servicespage .intro h1{margin-top:4rem;padding:0 1rem; font-size:2.7rem;}
.servicespage .intro h1 span{font-family:'Open Sans Condensed',sans-serif; font-weight:600; font-size:130%; letter-spacing:.25rem}
.servicespage .intro h1 i{font-style:normal;display:block}
.ourservices h2 span{letter-spacing:0;font-size:2.4rem;}
.ourservices p{font-size:1.25rem}
.ourservices ul{font-weight:600;list-style:none;margin-left:0;margin-top:2rem}
.ourservices ul li{width:47%;float:left;margin-bottom:.5rem;margin-right:1rem}
.ourservices > div > .row{width:100%;max-width:none}
.twothirds{width:70%;padding:8rem 10%}
#solutions .onethird{background:url(../img/services-solutions.jpg) no-repeat top left}
#design .onethird{float:left;background:url(../img/services-design.jpg) no-repeat center center}
#programming .onethird{background:url(../img/services-programming.jpg) no-repeat center center}
#solutions .onethird,#design .onethird,#programming .onethird{width:30%;float:right;background-size:cover}
#solutions:before,#design:before,#programming:before{display:block;content:" ";margin-top:-82px;height:82px;visibility:hidden}
#design .twothirds{color:#fff;background:#359bd1;background:-moz-linear-gradient(top,rgba(53,155,209,1) 0%,rgba(3,130,197,1) 100%);background:-webkit-linear-gradient(top,rgba(53,155,209,1) 0%,rgba(3,130,197,1) 100%);background:linear-gradient(to bottom,rgba(53,155,209,1) 0%,rgba(3,130,197,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#359bd1',endColorstr='#037cc2',GradientType=0)}
#design .twothirds h2{color:#fff}
#process{background:#0074b3;background:-moz-linear-gradient(top,rgba(0,116,179,1) 0%,rgba(0,76,152,1) 100%);background:webkit-linear-gradient(top,rgba(0,116,179,1) 0%,rgba(0,76,152,1) 100%);background:linear-gradient(to bottom,rgba(0,116,179,1) 0%,rgba(0,76,152,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074b3',endColorstr='#004c98',GradientType=0)}
#process p{color:#fff}
@media screen and (max-width:60em) {
.twothirds{width:100%!important;padding:5rem 10%}
.onethird{display:none}
.ourservices ul li{width:47%}
.intro h1 span{font-size:165%}
.reasonsblock{padding:0 3rem!important}
.projects > .row > div:hover,.projects > .row > div:active,.projects > .row > div:focus{background-size:150%}
.projects > .row > div{min-height:5rem}
.projects > .row > div > a{padding:.5rem}
.contact .medium-6{padding-bottom:10%}
.services{padding-top:2rem;margin-top:2rem}
}
@media screen and (max-width:40em) {
.twothirds{padding:2rem 1rem}
.twothirds p,.twothirds ul li{font-size:1rem}
.ourservices h2 span{font-size:2rem}
.ourservices ul li{width:90%}
.ourservices ul{margin-left:1rem}
.servicespage .intro h1{font-size:1.75rem}
.servicespage .intro h1 span{font-size:120%}
.projects > .row > div:hover img{-moz-transform:none;-webkit-transform:none;transform:none}
.contactpage,.paymentpage{margin-bottom:2rem}
.reasonsblock .small-12{width:100%}
}
/* REASONS PG */
.reasonspage{background:none;height:35%}
.reasonspage .intro{height:100%;width:100%}
.reasonspage h1{margin-top:6rem;font-size:2.5rem}
.bluebody{height:100%;background:#0268ac fixed;background:-moz-linear-gradient(top,rgba(2,104,172,1) 0%,rgba(1,71,148,1) 100%) fixed;background:-webkit-linear-gradient(top,rgba(2,104,172,1) 0%,rgba(1,71,148,1) 100%) fixed;background:linear-gradient(to bottom,rgba(2,104,172,1) 0%,rgba(1,71,148,1) 100%) fixed;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0268ac',endColorstr='#014794',GradientType=0) fixed}
.reasonsblock{background:#fff;padding:3rem;width:100%;margin:0 5% 5rem}
.reasonsblock h2{font-size:1.75rem; text-transform:uppercase;}
.reasonsblock .flex-container{flex-direction:column;align-items:flex-start}
.reason{padding:2rem 3% 2rem 10%;margin:2rem 0;min-height:225px}
.eight{background:url(../img/8.jpg) no-repeat left center}
.seven{background:url(../img/7.jpg) no-repeat left center}
.six{background:url(../img/6.jpg) no-repeat left center}
.five{background:url(../img/5.jpg) no-repeat left center}
.four{background:url(../img/4.jpg) no-repeat left center}
.three{background:url(../img/3.jpg) no-repeat left center}
.two{background:url(../img/2.jpg) no-repeat left center}
.one{background:url(../img/1.jpg) no-repeat left center}
/* PAYMENT PG */
.paymentpage{height:30%}
.paymentpage h1{margin-bottom:-1.5rem}
#instafeed{height:auto;overflow:hidden;text-align:center;transition:all .3s ease}
#instafeed a:after{content:''}
#instafeed img{margin:.125rem 0;transition:all .3s ease;width:150px}
#instafeed:hover img{opacity:.5;transition:all .3s ease}
#instafeed img:hover{opacity:1;transition:all .3s ease}
#instafeed.flex-container{flex-wrap:wrap;justify-content:space-around}
.nomargin{margin:0}
.home-portfolio{border-top:2px solid #d5d5d5;padding:5rem 0 3rem;font-size:1rem}
.home-portfolio ul{margin:0}
.home-portfolio img{border:1px solid #d5d5d5;width:100%;max-width:530px}
.home-portfolio .large-8{padding-left:3rem}
.home-portfolio p.quote{font-size:1.35rem;font-weight:600}
.home-portfolio p.quote span{font-size:1rem;display:inline-block;font-weight:400}
.home-portfolio .row,.home-portfolio .row .row{margin:0 auto}
ul.portfolio-list {-webkit-column-count:4; -moz-column-count:4; column-count:4; list-style: none;}
@media screen and (max-width:63.95em) {
.home-portfolio .large-8{padding:0;text-align:center}
.home-portfolio img{margin-bottom:2rem}
.home-portfolio.testimonial{padding:2rem 0}
.social{text-align:center;margin:0 auto}
.whtbtn{padding:.125rem}
textarea{height:auto}
.servicebox{padding:0}
h2{font-size:2rem}
.services p{font-size:1.125rem}
.orange h3{font-size:1.6rem}
.orange{background-position:right -200px top 0}
footer{text-align:center}
.footnav{margin:1.5rem 0}
.footnav li a{padding:.5rem 0;display:inline-block}
.smRoundBtn{float:none;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
.overlay ul li a{font-size:1.5rem}
.orange h3:last-of-type{margin-top:1.5rem}
.bluesplit{padding:2rem}
.ourservices h2 span{font-size:1.75rem}
#instafeed img{width:100px;margin:.5rem 0}
}
@media screen and (max-width: 52em) {
.visit,.team{float:none;display:block;margin:1rem 0}
.contactinfo img{float:none}
.contactinfo{text-align:center}
.projectinfo p,.testimonial p,.testimonial .light{font-size:1rem}
}
@media screen and (max-width: 40em) {
ul.portfolio-list {-webkit-column-count:2; -moz-column-count:2; column-count:2;}
.overlaybtn label{margin-top:.4rem}
.overlaybtn label span{display:none}
.overlaybtn label:before{font-size:2rem}
.intro h1{font-size:2.5rem}
.whtbtn{max-width:240px;font-size:1.25rem}
.mask > ul li:nth-child(5){display:none}
.servicebox img{max-width:80px}
h2{font-size:1.75rem}
.orange h3{font-size:1.5rem;text-align:center}
.orange{padding:2rem 0;background-image:none}
.services p{font-size:1rem}
.servicebox{padding:0}
.bluesplit{padding:1rem}
.menu img{max-width:90%}
.container header{min-height:75px}
.services{text-align:center;margin-top:2rem;margin-bottom:3rem}
.contactinfo.flex-container{flex-direction:column}
#instafeed img{width:85px;margin:.5rem 0}
#instafeed a:nth-child(n+4){display:none}
.people .small-12 img{max-height:200px}
#instafeed.flex-container{justify-content:space-between}
.content-wrapper{padding-top:0}
.quote-info{display:none}
.home-portfolio p.quote{font-size:1.2rem;line-height:1.5}
}
/* Sphone landscape */
@media only screen
and (min-width : 321px)
and (max-width:760px)
and (orientation : landscape) {
.menu img{max-width:80%}
.container header{min-height:70px}
.hero,.aboutpage,.servicespage,.reasonspage,.contactpage,.paymentpage{height:75%}
.aboutpage h1,.reasonspage h1,.contactpage h1,.paymentpage h1,.servicespage h1{margin-top:93px;margin-bottom:0}
.portfoliopage{height:2rem!important}
.services{margin-bottom:2rem}
.intro{height:100%}
.intro h1{font-size:1.75rem;margin-bottom:.5rem}
.intro a{display:none}
.twothirds{padding:3rem 10%}
.people .small-12 img{max-height:200px}
.content-wrapper{padding-top:0}
.contactpage,.paymentpage{margin-bottom:2rem}
#map{height:10rem}
#instafeed img{width:85px;margin:.5rem 0}
.home-portfolio p.quote{font-size:1rem}
.bx-wrapper{margin-bottom:60px}
.quote-info{display:none}
}
/* iPad ldscp */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.menu img{max-width:80%}
.container header{min-height:70px}
.hero,.aboutpage,.servicespage,.reasonspage,.contactpage,.portfoliopage{height:90%}
.content-wrapper{padding-top:0}
.contactpage,.paymentpage{margin-bottom:2rem}
#map{height:10rem}
}
#holiday2017 {display:block;width:100% !important;max-width:40rem;height:auto !important;margin:2rem auto 3rem;}
/* BOXSLIDER */
.bx-wrapper{position:relative;margin:0 auto 60px;padding:0;*zoom:1}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-50px;width:100%}
.bx-wrapper .bx-loading{min-height:50px;background:url(../img/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}
.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}
.bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;*zoom:1;*display:inline}
.bx-wrapper .bx-pager.bx-default-pager a{background:rgba(255,139,35,.5);text-indent:-9999px;display:block;width:15px;height:15px;margin:0 8px;outline:0;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px}
.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active{background:rgba(255,139,35,1)}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{display:none}
.bx-wrapper .bx-prev:hover{background-position:0 0}
.bx-wrapper .bx-next:hover{background-position:-43px 0}
.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999;transition:none}
.bx-wrapper .bx-controls-direction a.disabled{display:none}
/* AUTO CONTROLS (START/STOP) */
.bx-wrapper .bx-controls-auto{text-align:center}
.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(../img/controls.png) -86px -11px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active{background-position:-86px 0}
.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(../img/controls.png) -86px -44px no-repeat;margin:0 3px}
.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active{background-position:-86px -33px}
/* PAGER W AUTO-CONTROLS HYBRID */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}
/* IMG CAPTIONS */
.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666\9;background:rgba(80,80,80,0.75);width:100%}
.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px}
ul.bxslider li{display:block;box-sizing:border-box}
ul.bxslider{margin:0}
/* HERO */
#hero-content {width:100%}
#hero-content .titles {
overflow:hidden;
position:relative;
width:100%;
max-width:930px;
margin:6.3rem auto 0}
#hero-content .titles h1 {
width:100%;
position:absolute;
top:0;
color:#fff}
#hero-content .titles h1 span {display:block;font-family:'Comfortaa', 'Open Sans', sans-serif}
#hero-content .titles h1:not(:first-child) {}
#hero-content .titles h1 {
opacity: 0;
}
#hero-content .titles h1.prev {
opacity:0;
left:-100%;
transition: opacity 450ms ease-out 150ms, left 2s ease-in}
#hero-content .titles h1.next {
opacity:0;
left:100%;
transition: opacity 450ms ease-out 150ms, left 2s ease-in}
#hero-content .titles h1.current {
opacity:1;
left:0;
transition:opacity 500ms ease 750ms, left 1.5s ease}
.lvl2 #hero-content {padding:5.5rem 0 2.75rem}
.button.hollow.secondary {
border:1px solid #fff;
color:#fff}
.button.hollow.secondary:focus, .button.hollow.secondary:hover {
background-color:rgba(255,255,255,0.6);
border:1px solid #fff;
color:#111}
@media screen and (min-width:20em) {
#hero-content .titles {height:42vmax;max-height:13.25rem}
#hero-content .titles h1 {font-size:2.1rem}
.button.large{font-size:1.05rem}
h2 > span{font-size:1.8rem}
}
@media screen and (min-width:40em) {
#hero-content .titles {height:45vmax;max-height:14.25rem}
#hero-content .titles h1 {font-size:3rem}
.button.large{font-size:1.15rem}
.services.home h2{font-size:2.2rem}
.services.home h2 span{font-size:1.9rem}
h2 > span{font-size:2.1rem}
}
@media screen and (min-width:46em) {
#hero-content .titles {height:48vmax;max-height:14.75rem}
#hero-content .titles h1 {font-size:3.3rem}
.button.large{font-size:1.25rem}
.services.home h2{font-size:2.4rem}
.services.home h2 span{font-size:2rem}
h2 > span{font-size:2.2rem}
}
@media screen and (min-width:63em) {
#hero-content .titles {height:51vmax;max-height:15.25rem}
#hero-content .titles h1 {font-size:3.5rem}
.button.large{font-size:1.3rem}
h2 > span{font-size:2.6rem}
}