/* Normalising */
* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body, div, dl, dt, dd, ul, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, option, textarea, p, blockquote, th, td, hr {margin:0;padding:0}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:400}
h1, address, caption, cite, code, dfn, th, var {font-style:normal;font-weight:normal}
table {border-collapse:collapse; border-spacing:0}
fieldset,img {border:0}
caption,th {text-align:left}
q:before, q:after {content:''}
a:active, a:focus {outline:none}

@font-face {font-family:pnBlack;src:url(font/ProximaNova-Black.otf)}
@font-face {font-family:pnBold;src:url(font/ProximaNova-Bold.otf)}
@font-face {font-family:pnLight;src:url(font/ProximaNova-Light.otf)}
@font-face {font-family:pnRegular;src:url(font/ProximaNova-Regular.otf)}
@font-face {font-family:pnSemiBold;src:url(font/ProximaNova-Semibold.otf)}
@font-face {font-family:pnExtraBold;src:url(font/ProximaNova-Extrabold.otf)}

/* Grid */
.row {position:relative;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row-eq-height {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.column,.columns {float:left;margin-left:4%}
.column:nth-of-type(1),.columns:nth-of-type(1) {margin-left:0}
.one.column,.one.columns{width:4.66666666667%}
.two.columns{width:13.3333333333%}
.three.columns{width:22%}
.four.columns{width:30.6666666667%}
.five.columns{width:39.3333333333%}
.six.columns{width:48%}
.seven.columns{width:56.6666666667%}
.eight.columns{width:65.3333333333%}
.nine.columns{width:74.0%}
.ten.columns{width:82.6666666667%}
.eleven.columns{width:91.3333333333%}
.twelve.columns{width:100%;margin-left:0}
.one-third.column{width:30.6666666667%}
.two-thirds.column{width:65.3333333333%}
.one-half.column{width:48%}
@media only screen and (max-width:1024px) {.column,.columns {margin:0!important;width:100%!important}}

/* Grid Clearing */
.row:after,.row-eq-height:after{content:"";display:table;clear:both}

/* Clearfix */
.clearfix:before,.clearfix:after {content:"";display:table}
.clearfix:after {clear:both}
.clearfix {zoom:1; /* For IE 6/7 (trigger hasLayout) */}

html,body {height:100%}
body {font-family:pnLight,sans-serif;color:#050C13;background:#fbfbfb url('images/tile.gif') repeat}
img {display:block;max-width:100%;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
img.polaroid {border:1px solid #ccc;padding:6px}

h1 {font-size:36px;line-height:42px;font-family:pnExtraBold,sans-serif;text-transform:uppercase}
h2 {font-size:28px;line-height:34px;font-family:pnBlack,sans-serif;color:#0072CE;margin-bottom:15px}
h3 {font-size:28px;line-height:34px;font-family:pnSemiBold,sans-serif;color:#050C13;margin-bottom:15px}
h4 {font-size:16px;line-height:23px;font-family:pnSemiBold,sans-serif;color:#050C13;padding:6px 0;text-transform:uppercase}
h5 {font-size:11px;line-height:13px;font-family:pnBlack,sans-serif;color:#9C9EA9;margin-bottom:15px}
p {font-size:15px;line-height:24px;font-family:pnLight,sans-serif;margin-bottom:16px}
@media only screen and (max-width:800px) { h1 {font-size:30px;line-height:34px} }

.cont {margin:0 auto; width:100%; max-width:1200px}
@media only screen and (max-width:1240px) { .cont {padding:0 20px} }
.white {background:#fff;padding:38px 30px;margin-bottom:20px;box-shadow:0px 1px 3px #eaeaea}
.white h1 {margin-bottom:20px}
.white .btn {margin:20px 0}
.white hr {border:none;border-top:1px solid #eaeaea;margin:30px 0}
.yellow {color:#FBBD08}
.right {float:right}
.left {float:left}
.center {text-align:center}

.cont p a {color:#2185D0;text-decoration:none;font-family:pnBlack}

.info {background:#050C13;padding:21px 0;min-height:60px;color:#fff;letter-spacing:1.1px}
.info h2 {font-family:pnBlack,sans-serif;font-size:13px;line-height:18px;color:#FBC421;text-transform:uppercase;margin:0}

/* Lists */
ul.tick {margin:30px 0 40px 0;list-style-type:none;font-size:18px}
ul.tick li {margin-bottom:16px;position:relative;padding-left:40px}
ul.tick li:before {content:'\f00c ';font-family:'Font Awesome 5 Free';font-weight:900;color:#0072CE;position:absolute;left:0}

/* Buttons */
a.btn,input.btn {display:table;font-family:pnBlack,sans-serif;font-size:11px;line-height:14px;padding:15px 12px 14px 12px;text-transform:uppercase;min-width:168px;text-align:center;border:1px solid #21BA45;border-radius:6px;background:#21BA45;color:#fff;transition:0.5s;margin-top:16px;text-decoration:none}
a.btn.blue {background:#0072CE;border:1px solid #0072CE}
a.btn.blue:hover,a.btn.blue.active {color:#0072CE!important;border:1px solid #0072CE}
a.btn.yellow {background:#FBC421;border:1px solid #FBC421}
a.btn.yellow:hover {color:#FBC421;border:1px solid #FBC421}
a.btn.black {background:#050C13;border:1px solid #050C13}
a.btn.black:hover,a.btn.black.active {color:#050C13!important;border:1px solid #050C13}
a.btn.rev {background:#fff;border:1px solid #050C13;color:#050C13}
a.btn.rev:hover,a.btn.rev.active {color:#fff;background:#050C13}
a.btn:hover,a.btn.active,input.btn:hover {background:#fff;color:#21BA45;text-decoration:none;cursor:pointer}
a.btn.left {margin-right:16px}
a.btn.right {margin-left:16px}
a.btn.center {margin:0 auto}

header {background:#050C13;color:#fff;padding-top:20px;box-shadow:0px 1px 3px #d2d2d2;position:relative;z-index:10;border-top:4px solid #FBBD08}
header img {max-height:28px;float:right;clear:right}
header .left,header .right {float:left;width:50%}
.right {padding-bottom:20px;position:relative}
header .right hr {clear:both;border:none;border-top:4px solid #FBBD08;position:absolute;bottom:0;right:0;width:46%}
header h1 a {color:#fff;text-decoration:none}

nav {background:#fff;margin-bottom:20px;box-shadow:0px 1px 1px #d2d2d2;}
nav li {display:inline-block;}
nav a {display:block;font-size:14px; color:#050C13; text-decoration:none; padding:0 40px; line-height:44px;font-family:pnBlack;text-transform:uppercase}
nav a:hover {color:#2185D0;}
nav a.active {color:#2185D0;}

#for-all-your-building-needs h5 {text-transform:uppercase;margin-top:5px}

.gallery {border-top:1px solid #eaeaea;margin:30px 0;padding-top:30px}
.gallery:first-of-type {border:none;padding:0;margin:0}
.gallery a {float:left}
.gallery img {margin:0 5px 5px 0}
.gallery h4,.gallery h5 {clear:both;padding-top:6px}

footer {margin-top:15px; padding:20px 0;background:#050C13;height:100%;color:#fff;text-transform:uppercase; font-size:13px;line-height:20px;font-family:pnSemiBold}
footer li {display:inline;}
footer a {color:#fff; text-decoration:none; padding:0 10px}
footer a:hover, footer a.active {color:#2185D0}
footer h2 {color:#9ccbed;padding:10px;font-size:20px;line-height:20px}
@media only screen and (max-width:800px) {
	footer a {padding:0 6px}
	footer span.right {display:block;float:none;margin:50px 0 0 6px}
}

img.contact {padding-top:20px;width:100%;max-width:400px}

#privacy-policy dt,#terms-and-conditions dt,#site-map dt {color:#333;font-family:pnExtraBold,sans-serif;text-transform:uppercase;padding:10px 0 10px 0;}
#privacy-policy dd,#terms-and-conditions dd,#site-map dd {padding-bottom:20px; font-size:14px;line-height:21px}
#site-map dd {padding:10px 0}
#site-map dd a {color:#0072CE;font-family:pnSemiBold;text-decoration:none;text-transform:uppercase}
#site-map dd a:hover {color:#9ccbed}