/* Global */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, strong, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, embed, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, footer, header, hgroup, menu, nav, section {display: block;
}
body {line-height: 1;
}
ol, ul {list-style: none;
}
blockquote, q {quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;
}
table {border-collapse: collapse; border-spacing: 0;
}
strong {font-weight:700;
}
#phone-text a{color:#fff; text-decoration:none;
}
img {vertical-align:bottom;
}
i {font-style:italic;
}
/*--reset--*/
html { }
body {margin: 0 !important; padding: 0 !important; background-color:#fff;
}
a:link {text-decoration:none; color:#003f89;
}
a:visited {text-decoration:none; color:red;
}
a:hover {color:#1d6f69;
}
a:active {color:red;
}
a.x:link {text-decoration:none; color:#000;
}
a.x:visited {text-decoration:none; color:#000;
}
a.x:hover {color:#1d6f69;
}
a.x:active {color:red;
}
a.y:link {text-decoration:none; color:#6980b1;
}
a.y:visited {text-decoration:none; color:#a3674b;
}
a.y:hover {text-decoration:none; color:#a3674b;
}
a.y:active {text-decoration:none; color:#a3674b;
}
a.bl:link {text-decoration:none; color:#0013b9;
}
a.bl:visited {text-decoration:none; color:blue;
}
a.t:link {text-decoration:none; color:#0013b9;
}
a.t:visited {text-decoration:none; color:blue;
}
a.t:hover {text-decoration:none; color:red;
}
a.t:active {text-decoration:none; color:#0013b9;
}
a.w:link {text-decoration:none; color:#fff;
}
a.w:visited {text-decoration:none; color:#fff;
}
a.w:hover {text-decoration:none; color:#fff;
}
a.w:active {text-decoration:none; color:#fff;
}
#phone-text a {color:#fff; text-decoration:none;
}
.wrapper {max-width:1920px; width:100%; margin:0 auto; position:relative;
}
.header {width:100%; float:left; position:relative; background:url('bkg.jpg');
background-repeat: no-repeat; background-size: cover;
}
.header-2 {width:100%; float:left; position:relative; background:url('bkg-mob.jpg');
background-repeat: no-repeat; background-size: cover; display:none;
}
.header-x {width:100%; float:left; position:relative; background:#282a36; padding-bottom:20px; height:9%;
}
.combi {width:700px; float:left; margin:2% 0 0 4%; position:relative; height:100px;
}
.logo {width:180px; position:absolute; left:0; top:0;
}
.tit {width:620px; position:absolute; left:90px; top:56px;
}
.tit h1 {font-familY:'Arial', sans-serif; font-size:38px; color:#282a36; letter-spacing:4px; font-weight:700;
text-shadow: 1px 0 #fff, -1px 0 #fff, 0 1px #fff, 0 -1px #fff,
1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.title {width:88%; float:left; margin:1% 0 5% 6%;
}
.title-x {width:54%; float:left; margin:1% 0 2% 6%;
}
.title-x h2 { font-family: "Arya", serif; color:#555; font-size:140%; letter-spacing:0; margin-top:1%; font-weight:300;
}
.menu {width:100%; float:left; background:#363947; border-top: 1px #626264 solid; border-bottom: 1px #626264 solid;
}
.ac-100-s {width:100%; float:left; background:url('sky.jpg'); background-repeat: no-repeat; background-size: cover;
}
.ac-100city {width:100%; float:left; background:url('city.jpg'); background-repeat: no-repeat; background-size: cover;
}
.ac-100 {width:100%; float:left; position:relative;
}
.ac-100-w {width:100%; float:left; position:relative;
}
.ac-100s {width:100%; float:left; display:inline;
}
.ac-100mcr {width:100%; float:left; position:relative; background:url('manchester-skyline-wiki.jpg');
background-repeat: no-repeat; background-size: cover; height:1029px;
}
.mrc-map {width:40%; position:absolute; left:30%; top:15%;
}
.mrc-map-2 {width:36%; position:absolute; left:30%; top:60%; background:#000; padding:2%; text-align:center;
}
.ac-100L {width:100%; float:left; margin:4% 0; padding:0.8% 0 0; text-align:center; border-top:1px #565d7f solid; border-bottom: 1px #565d7f solid;
}
.ac-100t {width:100%; float:left; margin:0; background:url('trusses.png'); padding:3% 0; background-repeat: no-repeat; background-size: cover;
}
.ac-100L2 {width:100%; float:left; margin:4% 0 0 0; padding:0.8% 0 0; text-align:center; border-top:1px #565d7f solid; border-bottom: 1px #565d7f solid;
}
.ac-100L2 h3 {font-family: "Arya", serif; color:#175781; font-size:200%; margin-bottom:1%;
}
.ac-abs-L {width:100%; position:absolute; left:0; bottom:50px; background:rgba(0, 0, 0, 0.5); padding:0;
text-align:center;
}
.acabs-in {width:600px; padding:0.5% 0; margin:0 auto;
}
.ac-abs-L h2 {font-family: 'Arial', sans-serif; font-size:160%; color:#fff; line-height:140%; margin-bottom:2%;
}
.ac-abs-L p {font-family: 'Arial', sans-serif; font-size:120%; color:#fff; line-height:140%; margin-bottom:2%;
}
.wave-100 {width:100%; float:left;
}
.wave-mob {width:100%; float:left; display:none;
}
.aut {width:1366px; margin:3% auto;
}
.ac-96, .ac-96a {width:96%; float:left; margin:2%;
}
.ac-97, .ac-97a {width:96%; float:left; margin:4% 2% 0 2%; text-align:center;
}
.ac-97L {width:100%; float:left; margin:4% 0%; text-align:center; border-top:1px #000 solid; border-bottom:1px #000 solid; padding:1% 0;
}
.ac-81 {width:1366px; margin:1% auto;
}
.ac-80 {width:96%; float:none; margin:2% auto;
}
.ac-70 {width:70%; margin:2% 15%; float:left;
}
.ac-701 {width:70%; margin:2% 15%; float:left;
}
.ac-60 {width:60%; float:left; margin:2% 20%;
}
.mid-50 {width:50%; float:left; margin:2% 25%;
}
.ac-51L {width:48%; float:left; margin-right:2%;
}
.ac-51R {width:48%; float:left; margin-left:2%;
}
.ac-50L-rev {width:48%; float:left; margin:2% 2% 0 0;
}
.ac-50R-rev {width:48%; float:left; margin:2% 0 0 2%;
}
.ac-50L-px {width:540px; float:left; margin:50px 50px 50px 50px;
}
.ac-50L-px p {font-weight:500;
}
.ac-reliable {width:20%; float:left; margin:3% 40%;
}
.hide-1 {width:100%; float:left;
}
.hide-1-undo {width: 96%; float:left; margin:2%; display:none;
}
.subL {width:50%; float:left; text-align:center;
}
.subR {width:50%; float:left; text-align:center;
}
.panel {width:100%; float:left; background:#aa3709;
}
.quart {width:27%; float:left; margin:1% 2% 2% 2%; padding:1%; border:1px #fff solid; text-align:center; background:#5a7353;
}
.quart-2 {width:27%; float:left; margin:1% 2% 2% 2%; padding:1%; border:1px #fff solid; background:#4c5472; text-align:center;
}
.bord {width:70%; border:1px #000 solid; margin:3% 14%; text-align:center; padding:2% 1% 1% 2%; float:left;
}
.bord-2 {width:70%; border:1px #000 solid; margin:2% 10% 3% 15%; padding:2% 1%; float:left;
}
.contain-vid {width:100%; margin:2% 0; float:left;
}
.video-20 {width:20%; margin:0 0 2% 4%; float:left;
}
.video-40 {width:20%; margin:2% 40%; float:left;
}
.standout {width:26%; float:left; float:right; margin-left:10px; border:1px #000 solid;
}
.standout-lwr {width:96%; padding:0.5% 2%; float:left; background:#1b5a4c;
}
.standout-lwr p {font-family: "Raleway", sans-serif; font-size:90%; font-weight:500; font-style: normal; color:#fff; line-height:120%; margin-bottom:0;
}
.ticks {width:50%; margin:2% 0 2% 45%;
}
.just {width:100%; text-align:justify;
}
.badges {width:280px; float:left; padding:3px; border:1px #000 solid; display:flex; align-items:center; margin:30px 30px 30px 0; text-align:center;
}
.bad-L {width:80px; float:left;
}
.bad-R {width:195px; float:left; margin-left:5px;
}
.footer {width:100%; float:left; background:#000; padding:0.5% 0; background:#282a36;
}
.footer h1 {font-family: 'Arial', sans-serif; font-size:140%; color:#fff;
letter-spacing:2px;
text-shadow: 2px 0 #c00000, -2px 0 #c00000, 0 2px #c00000, 0 -2px #c00000,
1px 1px #c00000, -1px -1px #c00000, 1px -1px #c00000, -1px 1px #c00000;
}
.f-1 {width:16%; float:left; margin: 1% 0 0 2%;
}
.f-2 {width:400px; float:right; margin:1% 8% 0 0; text-align:right;
}
.f-2 p {font-family: 'Raleway', sans-serif; font-size:20px; font-weight:500; color:#fff; margin:0;
}
.f-2in {width:10%; float:left; margin-right:8%;
}
.f-3 {width:210px; float:left; margin:24px 0 0 40px;
}
.f-3 p {font-family: 'Raleway', sans-serif; font-size:20px; font-weight:700; color:#fff; margin:0;
}
.f-4 {width:60px; float:left; margin:20px 0 0 70px;
}
.clear {clear:both;
}
.spacer {width:100%; height:5px; margin:2% 0; float:left;
}
.spacer-sm {width:100%; height:5px; margin:1% 0; float:left;
}
.spacer-adjust {width:100%; height:15px; margin:6%; display:none;
}
.spacer-2 {width:100%; height:15px; margin:3% 0; float:left;
}
.cent {width:100%; float:left; text-align:center;
}
.line {width:100%; float:left; height:1px; background:#000; margin:2% 0;
}
.but {float:left; border-radius:4px; border:1px #000 solid; padding:3px 6px; background:#37889a; margin:0 0 10px 10px;
}
.but:hover {border:1px red solid;
}
.but p {font-family: 'Raleway', sans-serif; color:#fff; font-size:115%; font-weight:300; line-height:100%; margin:0; padding:0;
}
.butt-2 {float:left; border-radius:4px; border:1px #000 solid; padding:3px 6px; background:#fff; margin:0 0 10px 10px;
}
.f-line {width:100%; float:left; margin:1% 0; height:1px; background:#424242;
}
.line-a {width:100%; float:left; margin:0; height:2px; background:#175781;
}
.feature-in {width:96%; float:left; padding:1% 2%; background:#1f5770;
}
.feat-2 {width:47%; float:left; border:2px #1f5770 solid; margin-right:2%; margin-bottom:2%;
}
.feat-2 p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:400; font-style: normal; color:#fff; line-height:140%; margin:0; padding:0;
}
.feat-3 {width:26.5%; float:left; border:2px #1f5770 solid; margin-right:2%; margin-bottom:2%;
}
.feat-3 p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:400; font-style: normal; color:#fff; line-height:140%; margin:0; padding:0;
}
.callout {width:70%; margin:2% 0 2% 14%; padding:1%; float:left; border: 1px #000 solid;
background:linear-gradient(to right,#aaaaaa, #fff, #aaaaaa);
}
.call-left {width:8%; float:left; margin-top:18px;
}
.call-right {width:85%; float:left; text-align:center;
}
.callout h3 {font-family:'Georgia', serif; font-size:180%; color:#5f6062; font-style:normal; letter-spacing:2px; margin-top:2%; padding-left:4%;
}
.line-w {width:100%; float:left; height:1px; margin-bottom:1%; background:#fff;
}
.badge-1, .badge-2, .badge-3 {width:16%; float:left; margin:0 1.6% 2% 1.9%; border:1px #7e7e7e solid;
}
.badge-1:hover, .badge-2:hover {opacity:0.7; border:1px red solid;
}
.ac-outer {width:100%; float:left; background:#3d6c91; padding:2% 0;
}
.across-contact {width:50%; float:left; background:#294862; padding:2%; margin:0 23%;
}
.across-contact p {color:#fff;
}
.navy {width:10.3%; float:left; margin:2% 2%; background:#0b1f52; padding:1%; border-radius:5px;
}
.navy p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:300; font-style: normal; color:#fff; margin:0;
}
.navy-in {width:60%; float:left; margin:0 20%;
}
.lwr {width:100%; float:left; text-align:center;
}
#slidebox {
width: 38%;
margin-bottom:50px;
background-color:rgba(107, 107, 107, 0.5); color:#fff;
border: 1px solid black;
padding: 5px;
-webkit-box-shadow: -10px -10px 50px 5px #A6A6A6;
box-shadow: -10px -10px 50px 5px #A6A6A6;
}
.inner {width:80%; background:linear-gradient(rgba(10,74,107,1), rgba(121,154,171,1)); margin:6% 2% 6% 5%; padding:2% 6% 2% 6%;
}
#gram {
width: 600px;
height: 140px;
transform: skew(20deg);
background: #839f81;
float:right;
margin:80px 50px 0 0px;
}
.gram-in {width:500px; float:left; margin:30px 0 0 60px; transform: skew(-20deg);
}
.gram-in h2 {font-family: "Arya", serif; color:#fff; font-size:200%; letter-spacing:1px; margin:0 0 2% 0; padding:0; font-weight:700;
}
.gram-in p {color:#fff; font-weight:500;
}
.cred {width:90%; float:left; margin:0 0 1% 6%;
}
.cred p {font-family:'Arial', sans-serif; font-size:80%; color:#e3e3e3; margin:0; padding:0;
}
.scrollToTop{
width:5%;
height:auto;
padding:1%;
position:fixed;
top:85%;
right:2%;
display:none;
z-index:1500;
}
.scrollToTop:hover {text-decoration:none;
}
.container-70 {width:70%; float:left; margin:3% 15%; display:flex; align-items:center;
}
.container-cent, .container-cent-2 {width:100%; float:left; display:flex; align-items:center;
}
.container-port-3 {width:100%; padding:2% 0; float:left; border-bottom:2px #adbfbf solid; border-top:2px #adbfbf solid;
background:linear-gradient(to right, rgba(173,191,191,1), rgba(173,191,191,0.1), rgba(173,191,191,1));
}
.container {width:100%; float:left; display:flex; align-items:center;
}
.container-stretch-70 {width:70%; float:left; display:flex; align-items:stretch; margin:0 15%;
}
.google-maps {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.portfolio {width:80%; margin:3% 0 3% 10%; float:left;
}
.build-50 {width:28%; margin:0 0 0 10%; float:left;
}
.build-60 {width:40%; margin-left:8%; float:left;
}
.build-80 {width:70%; margin-left:2%; float:left;
}
.build-20 {width:20%; margin:2% 0 0 2%; float:left;
}
.build-40 {width:35%; margin:2% 0 0 2%; float:left;
}
.third-port {width:24%; margin:1% 0 1% 1%; float:left;
}
.video-24 {width:24%; margin:4% 38%; float:left;
}
.mail {width:59%; margin:1% 0 3% 20%; border:1px #000 solid; border-radius:3px; background:lime; text-align:center;
float:left; padding-top:1%;
}
.marg {width:90%; margin-left:5%; float:left;
}
.ask {width:20%; float:left; border:1px #000 solid; border-radius:5px 5px; margin-top:2%;
}
.google-maps {
position: relative;
padding-bottom: 35%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#contact-area {
width: 100%;
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
padding: 1%;
width: 98%;
font-family: Helvetica, sans-serif;
font-size: 100%;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
#contact-area textarea {
height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #900;
}
#contact-area input.submit-button {
width: 100px;
float: right;
}
label {
float: left;
text-align: left;
margin-right: 15px;
width: 10%;
padding-top: 5px;
font-size: 100%;
}
h1 {font-family: "Arial", serif; font-weight:300; font-style:normal; font-size:280%; color:#424242; margin:0; padding:0;
}
h2 { font-family: "Arya", serif; color:#4e6e84; font-size:240%; letter-spacing:1px; margin:0 0 2% 0; padding:0; font-weight:700;
}
h2.tels {font-family: "Raleway", sans-serif; font-size:180%; font-weight:500; font-style: normal; color:#fff; margin-bottom:2%;
}
h2.buton {font-family: "Raleway", sans-serif; font-size:180%; font-weight:300; color:#4e6e84; margin:0.5%;
}
h3 {font-family: "Arya", serif; color:#175781; font-size:200%; margin-bottom:2%;
}
h3.n {font-family: "Arya", serif; color:#175781; font-size:200%; margin:0;
}
h3.gr {font-family: "Arya", serif; color:#1b5a4c; font-size:200%; margin-bottom:4%;
}
h3.tels {font-family: "Raleway", sans-serif; font-size:140%; font-weight:300; font-style: normal; color:#fff; margin-bottom:2%;
}
h4 {font-family: "Arya", serif; color:#0900e4; font-size:165%; line-height:140%;
}
h4.w {font-family: 'Raleway', sans-serif; color:#fff; font-size:140%; line-height:140%; font-style:italic;
}
h5 {font-family: "Arya", serif; color:#6d2306; font-size:145%; line-height:140%; margin-bottom:2%;
}
h6 {font-family: 'Raleway', sans-serif; color:#000; font-size:130%; line-height:140%; margin:2% 0; padding:0; font-style:italic;
}
h6.w {font-family: 'Raleway', sans-serif; color:#fff; font-size:120%; line-height:140%; font-weight:400; font-style:italic;
}
h6.sub {font-family: 'Raleway', sans-serif; color:#000; font-size:130%; line-height:140%; margin:1% 0; padding:0; font-style:normal;
}
p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:300; font-style: normal; color:#000; line-height:150%; margin-bottom:2%;
}
p.p-500 {font-family: "Raleway", sans-serif; font-size:100%; font-weight:500; font-style: normal; color:#000; line-height:150%; margin-bottom:2%;
}
p.tels {font-family: "Raleway", sans-serif; font-size:120%; font-weight:300; font-style: normal; color:#fff; margin:0;
}
p.list {font-family: "Raleway", sans-serif; font-size:100%; font-weight:500; font-style: normal; color:#555; line-height:120%; margin-bottom:1%;
}
p.bolder {font-family: "Raleway", sans-serif; font-size:120%; font-weight:600; font-style: normal; color:#000; line-height:140%; margin-bottom:2%;
}
.img-100 {width:100%; height:auto;
}
.img-L {width:30%; margin:3% 2% 0.3% 0; float:left;
}
.img-LL {width:30%; margin:0 1% 0 0; float:left;
}
.img-L1 {width:15%; margin:0 10px 5px 0; float:left;
}
.img-L2 {width:30%; margin:0 10px 5px 0; float:left;
}
.img-L3 {width:30%; margin:0 30px 5px 0; float:left;
}
.img-R1 {width:15%; margin:0 0 5px 10px; float:right;
}
.img-R2 {width:36%; margin:0 0 5px 20px; float:right;
}
.img-p1 {width:24%; height:auto; margin:5px 3px 5px 0;
}
.img-p2 {width:31%; height:auto; margin:5px 3px 5px 0;
}
.img-P2a, .img-P2b {width:32%; height:auto; margin:5px 2px 5px 3px;
}
.img-P3 {width:23.8%; height:auto; margin:5px 2px 5px 3px;
}
.img-P4, .img-P4c {width:47%; height:auto; margin:5px 3px 5px 3px;
}
.img-P5 {width:57%; height:auto; margin:5px 3px 5px 3px;
}
.img-P6 {width:42.2%; height:auto; margin:5px 3px 5px 3px;
}
.img-p6a {width:48%; height:auto; margin:5px 3px 5px 3px;
}
.img-mid {width:70%; margin:0 15%;
}
.img-fxd {width:120px; margin:10px 0;
}
.thumb {width:10%; float:left; margin:2%;
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
.ac-70 {width:90%; margin: 2% 5%;
}
.aut {width:1000px; margin:3% auto;
}
#gram { width: 450px; height: 140px; transform: skew(20deg); background: #839f81; float:right; margin:90px 50px 0 0px;
}
.gram-in {width:500px; float:left; margin:30px 0 0 60px; transform: skew(-20deg);
}
.gram-in h2 {font-size:160%; letter-spacing:1px; margin:0 0 2% 0;
}
.gram-in p {color:#fff; font-weight:500;
}
.ac-50L-px {width:400px; float:left; margin:50px 50px 50px 50px;
}
.ac-81 {width:1000px; margin:1% auto;
}
.feature-in {height:40px;
}
}
@media screen and (max-width: 1280px) {
.container-70 {width:80%; margin:5% 10%;
}
.standout {width:34%;
}
.ac-80 {width:640px;
}
.ac-abs-L h2 {font-size:140%;
}
.ac-abs-L p {font-size:100%;
}
.video-24 {width:30%; margin:4% 35%; float:left;
}
.tit h1 {font-familY:'Arial', sans-serif; font-size:34px;
}
.tit {width:560px;
}
h3 {font-size:150%;
}
h5 {font-size:130%;
}
}
@media screen and (max-width: 1200px) {
.mrc-map {width:60%; position:absolute; left:20%; top:25%;
}
.mrc-map-2 {width:56%; position:absolute; left:20%; top:60%; background:#000; padding:2%; text-align:center;
}
.callout h3 {font-family:'Georgia', serif; font-size:140%;
}
.call-left {width:5%; float:left; margin-top:14px;
}
.container-70 {width:90%; margin:2% 5%;
}
.menu {width:80%; position:absolute; left:2%; top:0; background:transparent; border-top:none; border-bottom:none;
}
.bord-2 {width:90%; border:1px #000 solid; margin:2% 0 3% 4%; padding:2% 1%; float:left;
}
.ac-96a {display:none;
}
.ac-97a {width:96%; float:left; margin:8% 2% 0 2%; text-align:center;
}
h1 {font-size:260%
}
.build-50 {width:28%; margin:0 0 0 10%; float:left;
}
.build-60 {width:50%; margin-left:4%; float:left;
}
.video-40 {width:30%; margin:4% 35%;
}
h6.w {font-size:110%;
}
.img-LL {width:50%; margin:0 2% 0 0; float:left;
}
.img-R1 {width:25%; margin:0 0 5px 10px; float:right;
}
}
@media screen and (max-width: 1024px) {
.ac-701 {width:90%; margin:4% 5%;
}
.hide-1 {display:none;
}
.hide-1-undo {display:inline;
}
.standout {width:40%;
}
.ac-50-rel {width:45%; margin:2% 1% 2% 1%; float:left; position:relative;
}
.aut {width:760px; margin:3% auto;
}
#gram { width: 370px; height: 140px; transform: skew(20deg); background: #839f81; float:right; margin:120px 10px 0 0px;
}
.gram-in {width:370px; float:left; margin:30px 0 0 10px; transform: skew(-20deg);
}
.gram-in h2 {font-size:140%; letter-spacing:1px; margin:0 0 2% 0;
}
.gram-in p {color:#fff; font-weight:500;
}
.ac-50L-px {width:340px; float:left; margin:50px 10px 50px 10px;
}
.ac-81 {width:760px; margin:2% auto;
}
.navy {width:12.5%; float:left; margin:2% 1%; background:#0b1f52; padding:1%; border-radius:5px;
}
.navy p {font-family: "Raleway", sans-serif; font-size:100%; font-weight:300; font-style: normal; color:#fff; margin:0;
}
.navy-in {width:60%; float:left; margin:0 20%;
}
.lwr {width:100%; float:left; text-align:center;
}
.bord {width:90%; border:1px #000 solid; margin:3% 3% 3% 3%;
}
.ac-100L2 h3 {font-size:150%;
}
.ac-abs-L h2 {font-size:140%;
}
.video-24 {width:40%; margin:4% 30%; float:left;
}
.build-50 {width:28%; margin:0 0 0 2%; float:left;
}
.build-60 {width:58%; margin-left:4%; float:left;
}
.portfolio {width:96%; margin:3% 2%; float:left;
}
#contact-area {
width: 96%;
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 90%;
font-family: Helvetica, sans-serif;
font-size: 100%;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
label {
float: left;
text-align:left;
margin-right: 15px;
width: 30%;
padding-top: 5px;
font-size: 100%;
}
.scrollToTop{
width:10%;
height:auto;
padding:1%;
position:fixed;
top:85%;
right:2%;
display:none;
z-index:1500;
}
h1 {font-size:180%
}
}
@media screen and (max-width: 1020px) {
.ac-70 {width:100%; margin:4% 0;
}
.half-L, .half-R, .ac-50L-rev, .ac-50R-rev {width:70%; margin:2% 15%;
}
.quart {width:44.5%; float:left; margin:1% 1% 1% 1%; padding:1%;
}
.quart-2 {width:44.5%; float:left; margin:1% 1% 1% 1%; padding:1%;
}
.video-24 {width:60%; margin:4% 20%; float:left;
}
.img-p1 {width:23%; height:auto; margin:5px 3px 5px 0;
}
}
@media screen and (max-width: 800px) {
.thumb {width:14%; float:left; margin:2%;
}
.mid-50 {width:70%; margin:3% 15%;
}
.badge-1, .badge-2, .badge-3 {width:26%; float:left; margin:0 1.6% 2% 1.9%; border:1px #7e7e7e solid;
}
.navy p {font-family: "Raleway", sans-serif; font-size:90%;
}
.callout h3 {font-family:'Georgia', serif; font-size:120%;
}
.call-left {width:8%; float:left; margin-top:12px;
}
.combi {width:470px; float:left; margin:4% 0 0 4%; position:relative; height:100px;
}
.logo {width:100px; position:absolute; left:0; top:0;
}
.tit {width:400px; position:absolute; left:60px; top:26px;
}
.tit h1 {font-familY:'Arial', sans-serif; font-size:26px; color:#282a36; letter-spacing:2px;
}
.header-x {height:6%; padding-bottom:0;
}
.across-contact {width:80%; float:left; background:#294862; padding:2%; margin:0 8%;
}
.ac-50-rel, .ac-51 {width:90%; float:left; margin:2% 5%;
}
.ac-30-pix {width:43%; float:left; border:1px #000 solid; margin:2% 4% 2% 2%;
}
.aut {width:96%; margin:3% auto;
}
#gram { width:90%; transform: skew(20deg); background: #839f81; float:left; margin:4% 0 4% 5%;
}
.gram-in {width:80%; float:left; margin:5% 0 0 15%;
}
.gram-in h2 {font-family: "Arya", serif; color:#fff; font-size:200%; letter-spacing:1px; margin:0 0 2% 0; padding:0; font-weight:700;
}
.gram-in p {color:#fff; font-weight:500;
}
.ac-50L-px {width:100%; float:left; margin:16% 0 1% 0;
}
.ac-81 {width:100%; float:left; margin:2% 0;
}
.navy {width:30%; padding:1%; margin:1% 0 0 12%; float:left;
}
.video-40 {width:80%; margin:2% 10%; float:left;
}
.spacer-adjust {width:100%; height:5px; margin:1% 0; display:inline;
}
.google-maps {
position: relative;
padding-bottom: 65%;
}
.google-maps {
position: relative;
padding-bottom: 65%;
}
h2 {font-size:170%; letter-spacing:1px; margin-bottom:2%;
}
h2.gr { font-family: "Arya", serif; color:#1b5a4c; font-size:170%;
}
p.tels {font-size:110%;
}
h2.tels {font-size:140%;
}
h3.tels {font-size:120%;
}
h3 {font-size:140%;
}
.img-L1 {width:25%; margin:0 10px 5px 0; float:left;
}
.img-R1 {width:35%; margin:0 0 5px 10px; float:right;
}
h6.sub {font-size:100%;
}
p {line-height:150%; margin-bottom:4%;
}
}
@media screen and (max-width: 720px) {
#slidebox {width:90%;
}
.scrollToTop {width:10%;
}
.feat-2, .feat-3 {width:90%; margin:2% 0 2% 5%;
}
.acabs-in {width:100%; padding:0.5% 0; margin:0 auto;
}
.ac-80 {width:290px;
}
.ac-97a {width:96%; float:left; margin:14% 2% 0 2%;
}
.header {display:none;
}
.header-2 {display:inline
}
.title {width:88%; float:left; margin:6% 0 17% 6%;
}
.gram-in {width:90%; float:left; margin:8% 0 0 5%;
}
.gram-in h2 {font-size:140%; letter-spacing:1px; margin:0 0 2% 0; padding:0; font-weight:700;
}
.build-50 {width:60%; margin:2% 20%;
}
.build-60 {width:80%; margin-left:10%;
}
.video-24 {width:80%; margin:4% 10%; float:left;
}
.quart {width:60%; float:left; margin:2% 19% 2% 19%; padding:1%;
}
.quart-2 {width:60%; float:left; margin:2% 19% 2% 19%; padding:1%;
}
.ac-50, .ac-50-rel {width:100%; margin:0 0; float:left;
}
.f-1 {width:30%; float:left; margin:2% 35%; text-align:center;
}
.f-2 {width:90%; float:right; margin:2% 5%; text-align:right;
}
.f-2in {width:10%; float:left; margin-right:0%;
}
.img-R2 {width:50%;
}
.subL, .subR {width:100%; padding:0; margin:1% 0;
}
.container-70 {width:100%; margin:1% 0; display:initial;
}
.ac-51L {width:90%; float:left; margin:2% 5%
}
.ac-51R {width:100%; margin:2% 0;
}
.ac-50L-rev, .ac-50R-rev {width:90%; margin:2% 5%; float:left;
}
.ac-abs-L h2 {font-size:120%;
}
.half-L, .half-R {width:90%; margin:2% 5%;
}
.ac-40-main {width:100%; margin:0 0 2% 0;
}
.ac-reliable {width:30%; float:left; margin:3% 35%;
}
.band h4, .band p {font-size:100%; font-weight:500;
}
h1 {font-size:160%
}
.title-x h2 {font-size:100%;
}
p.bolder {font-size:100%; font-weight:600; font-style: normal; color:#000; line-height:160%; margin-bottom:6%;
}
p.tels {font-size:100%;
}
.img-P2a {width:31%; height:auto; margin:5px 2px 5px 3px;
}
}
@media screen and (max-width: 500px) {
.header-x {height:auto; padding-bottom:2%;
}
.combi {width:100%; float:left; margin:0; position:relative;
}
.logo {width:20%; float:left; margin:2% 40%; position:initial;
}
.tit {width:100%; position:initial; float:left; margin:2% 0; text-align:center;
}
.tit h1 {font-familY:'Arial', sans-serif; font-size:20px; color:#282a36; letter-spacing:1px;
}
.ac-60 {width:90%; margin:6% 5%;
}
.mrc-map {width:80%; position:absolute; left:10%; top:35%;
}
.mrc-map-2 {width:80%; position:absolute; left:8%; top:60%; background:#000; padding:2%; text-align:center;
}
.mid-50 {width:90%; margin:3% 5%;
}
}
@media screen and (max-width: 440px) {
.ac-97a {width:96%; float:left; margin:22% 2% 0 2%;
}
.ac-100L2 h3 {font-size:130%;
}
.callout {width:90%; margin:6% 0 6% 4%;
}
.build-50 {width:90%; margin:2% 5%;
}
.build-60 {width:90%; margin-left:5%;
}
.video-24 {width:100%; margin:4% 0%; float:left;
}
.quart {width:80%; float:left; margin:2% 9% 2% 9%; padding:1%;
}
.quart-2 {width:80%; float:left; margin:2% 9% 2% 9%; padding:1%;
}
.video-40 {width:100%; margin:2% 0%; float:left;
}
.f-1 {width:50%; margin:2% 25%;
}
.img-L1 {width:35%; margin:0 10px 5px 0; float:left;
}
.img-p1 {width:22%; height:auto; margin:5px 3px 5px 0;
}
.img-R1 {width:44%; margin:0 0 5px 10px; float:right;
}
h1 {font-weight:300;
}
h3, h3.tel {font-size:120%;
}
}
@media screen and (max-width: 414px) {
#gram { width:86%; transform: skew(20deg); background: #839f81; float:left; margin:4% 0 4% 7%;
}
.gram-in h2 {letter-spacing:0;
}
p.tels {font-size:90%;
}
}
@media screen and (max-width: 360px) {
.gram-in {width:95%; float:left; margin:8% 0 0 5%;
}
.gram-in h2 {font-size:120%; margin:0 0 2% 0; padding:0; font-weight:700;
}
.title {width:88%; float:left; margin:1% 0 17% 2%;
}
.ac-30-pix {width:90%; margin:4% 0 4% 5%;
}
h1 {font-size:120%
}
.img-P2a {width:30%; height:auto; margin:5px 2px 5px 3px;
}