@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

body,
html {  width: 100%;  height: 100%;  margin: 0;  padding: 0; letter-spacing:0px; font-family: Arial, sans-serif;  background:#E4ECF3; }


h1 {  font-size:2.2em; margin:0px 0 0;color:#000; letter-spacing:-1px;  text-align:center; border:0px; line-height:100%;font-family: Arial, sans-serif; font-weight: 600; font-style: normal;}
h2 {  font-size:1.8em; margin:10px 0 0 0;color:#000; letter-spacing:-1px; text-align:left; font-family: Arial, sans-serif; font-weight: 600; font-style: normal;}
h3 {font-size:1.6em;  margin:10px 0 0 0 ; color:#006FA6; letter-spacing:-1px; font-family: Arial, sans-serif; font-weight: 300; font-style: normal;}
h4 { font-weight:600; font-size:1.5em; margin:10px 0 0 0 ; color:#006FA6; letter-spacing:-1px; }
hr {clear:both;border:0px; border-bottom:1px solid #ccc; margin:20px 0 20px 0}
.spacer {padding-top:80px;}
p{ color:#333; font-size:1.25em !important; margin:6px 0 6px 0 !important; font-weight:100 !important; line-height:1.2em !important; font-family:  Arial, sans-serif; }
.white {color:#ffffff !important}
td{ color:#333; font-size:1em;}
strong {font-weight:600 !important; color:#000000;}
.left {float:left}
.right {float:right; }
span {color:#006FA6;}
h1 span {display:block}
.alert {background:#DA0320; color:#ffffff; padding:8px 15px;font-size:1.3em !important;  font-weight:600; box-sizing:border-box; text-align: center; border-radius: 5px;}
.alert2 {background:rgba(0,111,166,1); color:#ffffff; width:33%; float:right; padding:15px 15px;font-size:1.3em !important;  font-weight:600; box-sizing:border-box; text-align: center; border-radius: 5px; margin:30px 0 30px 30px}
.alert a{color:#ffffff !important; font-weight:600 !important; text-decoration: none}
.alert2 a{color:#ffffff !important; font-weight:600 !important; text-decoration: none}
.mainholder p img, .mainholder .half img {    border-radius: 5px;    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;}



#breadcrumbs {position: relative; z-index: 9; float:left;width:100%;padding:15px;box-sizing:border-box; margin:0px 0px 0 0px; font-size:1.4em; color:#ffffff !important; text-align:left; background:#006FA6 }
#breadcrumbs a{text-decoration:none; color:#ffffff !important; transition: 0.5s}
#breadcrumbs a:hover{text-decoration:underline; color:#ffffff !important}

.fsbuffer {float:left;height:370px;}



table {clear:both; float:left;  border-collapse: collapse;  width: 100% !important; margin:2% 0 !important}
table td, table th {  border-top: 1px solid #ddd!important; border-bottom: 1px solid #ddd!important;  padding: 8px!important; box-sizing: border-box;}
/*table tr:nth-child(even){background-color: #f2f2f2;}*/
table tr{background-color: #f2f2f2!important;}
table td, table th { font-size:1.2em!important;}
table td p, table th p { font-size:1.0em!important;}
table th {  padding-top: 12px!important;  padding-bottom: 12px!important;  text-align: left!important;  background-color: #006FA6!important;  color: white!important; font-size:1.5em!important;}


table td.rt {  padding-left: 0px !important; border:0 !important;  background-color: #E4ECF3 !important;  font-size:1.0em!important;}

ul.salesbtns {display: flex; justify-content: space-between; list-style:none;}
ul.salesbtns li{display:block; background-color:white !important; text-align:center; padding:10px 15px !important; font-weight:600 !important; white-space: nowrap; transition: 0.5s}
ul.salesbtns li a{text-decoration: none}
ul.salesbtns li:hover a{color:#ffffff!important; text-decoration: none}
ul.salesbtns li:hover {background:#006FA6 !important; color:#ffffff!important;}
ul.salesbtns li:before{content: '' !important}

ul.salesbtns li.shop{ background-color:#006FA6!important; color: white !important; text-align:center; }
ul.salesbtns li.shop a{  color: white !important; }


ul.salesbtns li.selected {background:#DA0320 !important; color:#ffffff !important;}
ul.salesbtns li.selected a{ color:#ffffff !important;}
ul.salesbtns li.selected:hover{background:#DA0320 !important; color:#ffffff!important;}



		
.sawlisting{ float:left; width:100%; clear:left; margin-top:15px;margin-bottom:15px;     padding-bottom: 20px;
    border-bottom: 2px solid #ccc;}
.sawimage{ width:33%; float:left;background:white; height:0; padding-bottom:24%; margin-right:3%; background-size:contain; background-position:center center; background-repeat: no-repeat}
.sawcholder{ width:63%;  float:left;font-weight:700;;}
.sawcholder2{ font-size:1.5em;}
 .sawlisting p {font-size:1.0em !important;}
.sawnum{ width:33%; float:left;}
.sawyear{ width:34%; float:left;}
.sawprice{ width:25%;  float:right; text-align:right;}
.sawtitle{ width:75%;   float:left;}
.sawsummary{ clear:both; width:100%; float:left;font-weight:300;font-size:1.25em;;}
.sawmarker{ width:100%; float:left;font-weight:300;font-size:1.25em; margin-top:10px;;}

.sawimgh {width:50%;float:right; margin:0 0 30px 30px;}


a.cat ,a.cat2  {  position:relative; text-decoration: none !important}
.cat h2 {position: relative;
    z-index: 1000;
    pointer-events: all;
    clear: both;
    display: inline-block;
    background-color: #DA0320;
    padding: 6px 15px;
    border-radius: 5px;
    color: #ffffff !important;
    text-align: center;
    text-decoration: none;
    font-size: 1.8em;
    font-weight: 600!important;
    margin-top: 15px;
    border: 0px;
    transition: 0.5s;
    letter-spacing: -1px;}

.cat2 h2 { width:auto; background:#DA0320; color:white; padding:10px 15px; position:absolute; left:-10px; height:48px; bottom:100px; font-size: 1.5em; box-sizing: border-box}
.cat2 h2:before {content:''; display:block; width:16px; height:16px; background:#B9B9B9;position:absolute;left:3px; top:-8px;transform: rotate(45deg); z-index: -1}

.cat h3.browse { width:auto; color:#000000; padding:10px 0px; font-size: 1.5em; font-weight:600; box-sizing: border-box}
.redbtn  {position: relative;    z-index: 1000;    pointer-events: all;    clear: both;    display: inline-block;    background-color: #DA0320; padding: 6px 15px;  border-radius:5px;   color: #ffffff !important;    text-align: center;    text-decoration: none;    font-size: 1.8em;    font-weight: 600!important;;margin-top:15px;    border:0px;   transition: 0.5s; letter-spacing: -1px;}

.redbtn2  {position: relative;    z-index: 1000;    pointer-events: all;    clear: both;    display: inline-block;    border:2px solid #006FA6; background-color: #ffffff;color: #006FA6; padding: 6px 15px;  border-radius:5px;      text-align: center;    text-decoration: none;    font-size: 1.25em;    font-weight: 600!important;;margin-top:15px;    ;   transition: 0.5s; letter-spacing: -1px;}
a:nth-of-type(2) .redbtn2 {margin-left:20px;}

p .redbtn  {   font-size: 1.2em;  }

.redbtn:hover {text-decoration: none !important}
a:nth-of-type(2n) .redbtn {position: relative;    z-index: 1000;    pointer-events: all;    clear: both;    display: inline-block;    background-color: #DA0320; padding: 6px 15px;  border-radius:5px;   color: #ffffff !important;    text-align: center;    text-decoration: none;    font-size: 1.8em;    font-weight: 600 ; margin-top:15px;  margin-left:15px;     border:0px;   transition: 0.5s; letter-spacing: -1px;}

.cat {position: relative}
.cat .ndate { width:auto; background:#DA0320; color:white; padding:10px 15px; position:absolute; left:-10px; height:48px; top:30px; font-size: 1.5em; box-sizing: border-box}
.cat .ndate:before {content:''; display:block; width:16px; height:16px; background:#B9B9B9;position:absolute;left:3px; top:-8px;transform: rotate(45deg); z-index: -1}

.cmq { float:left; padding:0px 0; max-height: 440px; background:#006FA6; width:100%; overflow:hidden; }
.cmq .fade {max-height: 440px; width:auto;  float:left;}
.cmq .qh {width:100%; float:right; padding-bottom: 0px; }

/*.cmq { float:left; padding:0px 0; background:#006FA6; width:100%; overflow:hidden; }
.cmq .fade {max-height: 440px; width:auto;  float:left;}
.cmq .qh {width:60%; float:right; position: absolute; right:0; padding-bottom: 30px; }

*/

blockquote { width:100%;color:#fff; font-size:1.5em; font-style: italic; letter-spacing:0px;font-weight:400; text-align:center;margin: 0 0;padding: 60px 80px;line-height: 1.2em;position: relative;z-index:1;box-sizing:border-box}
blockquote div{ width:100%;}
blockquote:before {text-shadow:none;display: block;padding-left: 5px;content: "\201C";font-style:normal;font-family: 'Arial Black', sans-serif; font-weight:bold; font-size: 130px;position: absolute;left: 10px;top: 70px;color: #ffffff;z-index:-1;}
blockquote:after {text-shadow:none;display: block;padding-right: 10px;content: "\201D";font-style:normal;font-family: 'Arial Black', sans-serif; font-weight:bold; font-size: 130px;position: absolute;right: 10px;bottom:70px;color: #ffffff;z-index:-1;;}
blockquote cite {font-style:normal;text-shadow:none;color: #fff;letter-spacing:0px; font-size: 1em; font-weight: 700; line-height:1.1em; display: block;margin-top: 20px; text-transform:none; }
img.fade  {
      -webkit-mask-image:-webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
    }


img.fade2  {
      -webkit-mask-image:-webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
      mask-image: linear-gradient(to left, rgba(0,0,0,1), rgba(0,0,0,0));
    }

.half { float:left; width:50%; margin-right:0%; height:auto; padding:2% 0;  box-sizing: border-box	 }
.half:nth-of-type(2n){margin-right:0%;padding:2% 0 2% 2%;}
.half2 { float:right; width:49%; margin-left:0%;}

.qhalf{clear:left;width:49%; float:left; height:auto; margin-bottom:2%; padding:3%; box-sizing: border-box}
.qhalf:nth-of-type(even){ clear:none; width:49%; float:left; height:auto; margin-left:2%}

.videoholder {float: right; width: 48%; margin: 2% 0 4% 4%;}

.clear {clear:both; } 

.imgleft{float:left; width:25%; margin:0 3% 3% 0%}
.imgright{float:right; width:25%; margin:0 0% 3% 3%}
.holder {margin:0px auto; max-width:960px;; position: relative }
.holder:before, .holder:after {	content: "\0020";	display: block;	height: 0;	overflow: hidden}
.holder:after {	clear: both;}

.halfholder {margin:0px auto; max-width:480px; float:left; }
.hmap {padding:0;margin:0;}

.fullholder {float:left; width:100%;}
.fullholder .holder {margin:0px auto 0;}


.evenly {	margin:3% 0 1.5%;  display:flex;  justify-content:space-between;}
.evenly img {  white-space:nowrap;  }



header { width:100%; background-color:rgba(0,111,166,0.5); position:relative; z-index:11;}
header ::placeholder {   color: rgba(255,255,255,0.7);  }
header :-ms-input-placeholder {   color: rgba(255,255,255,0.7);}
header ::-ms-input-placeholder {   color: rgba(255,255,255,0.7);}
.topbar {background:#006FA6; color:#ffffff; padding:12px 0; letter-spacing:0px; font-weight:300; height:60px; margin-bottom: -4px;}
header .navholder {width:100%; clear:both;margin-top:-40px; background-color:#6A6A6A;}
header .soalogo {position:absolute; top:32px;left:0px; width:120px}

header .soatitle {font-size:2.6em; letter-spacing:-2px;font-weight:600; /*text-indent:125px;*/text-indent:15%;line-height:54px; }

.flexslider {float:left;clear:both;font-family: Arial, sans-serif;     margin-top:-82px !important;   width: 100%;}
.flexslider .slides li {  width:100%;  position:relative; height:0px;/*height:480px; */padding-bottom:30%; ;background-position: center top;/*background-attachment: fixed; */background-size: cover; background-repeat:no-repeat}
.flex-caption {text-align:center;  position:absolute;    top:0px; left:0;right:0; bottom:0;   z-index:1; padding:8% 0 0 0; }
.flex-title {color:#fff;text-shadow: 2px 2px 5px #000; text-align: right; font-family: Arial, sans-serif;  bottom:60px; font-size:4.2vw !important; font-weight:800!important; line-height:100%; letter-spacing:-2px;position:absolute; width:100%;  z-index:1; padding:0px 0%;-webkit-animation: slideIn2;animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s;}
.flex-strapline {color:#fff;text-shadow: 2px 2px 5px #000; text-align: right; font-style: italic;  font-family: Arial, sans-serif;   bottom:20px; font-size:2.1vw !important; font-weight:600!important; line-height:100%; letter-spacing:-2px;position:absolute; width:100%;  z-index:1; padding:0px;-webkit-animation: slideIn2;animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s;}

.flex-btn {position: relative; clear: both;  display: inline-block; background-color: #006FA6;  padding: 10px 28px; color: #ffffff; text-align: center;  text-decoration: none; font-size: 1.7em; font-weight: 300;margin-top:30px; transition: 0.5s; border-radius:5px}
.flex-btn:hover { color: #006FA6;   background-color: #ffffff; }
.flex-btn:nth-of-type(2) {position: relative; clear: both;  display: inline-block; background-color: #ffffff;  padding: 10px 28px; color: #006FA6; text-align: center;  text-decoration: none; font-size: 1.7em; font-weight: 300;margin-top:30px; margin-left:30px; transition: 0.5s; border-radius:5px}
.flex-btn:nth-of-type(2):hover { color: #ffffff;   background-color: #006FA6; }



#hero { height:320px ; margin-bottom:0px;font-family: Arial, sans-serif;

} 
#hero .slide { height:320px ;background-color:#eee; position:relative; background-size:cover; background-position:center center; text-align: center}
#hero .slide .cover {background-color:rgba(0,0,0,0.1); position:absolute; top:0; width:100%; height:100%;}
#hero .slide .strapline { height:300px ; font-size:0.85em; }
#hero .slide .strapline .title {font-family: Arial, sans-serif; padding:90px 0 0 0; color:#fff;  font-size:4em; font-weight:600; text-align:center; letter-spacing:-3px; line-height:1.18em; text-shadow: 2px 2px 5px #000;-webkit-animation: slideIn2;animation: slideIn2;-webkit-animation-duration: 1s;animation-duration: 1s;}
#hero .slide .strapline .title.titleup { padding:50px 0 0 0; }
#hero .slide .strapline .intro {font-family: Arial, sans-serif;text-align:center; padding:10px 50px; color:#fff;font-size:2.8em; font-weight:300;line-height:1.0em; letter-spacing:-1px;}
#hero .slide a.hero-btn {position: relative; clear: both;  display: inline-block; background-color: #006FA6;  padding: 10px 28px; color: #ffffff; text-align: center;  text-decoration: none; font-size: 1.7em; font-weight: 300;margin-top:30px; transition: 0.5s;border-radius:5px}
#hero .slide a.hero-btn:hover { color: #006FA6;   background-color: #ffffff; }



@-webkit-keyframes slideIn {    0% { opacity: 0;		}    100% { opacity: 1;    }}
@keyframes slideIn {		    0% {  opacity: 0; 		}    100% { opacity: 1; 	}}
@-webkit-keyframes slideIn2 {   0% {  opacity: 0;     	}	 100% {  opacity: 1;    }}
@keyframes slideIn2 {		    0% { opacity: 0; 		}    100% { opacity: 1; 	}}
/*FLEX CAROUSEL */

.box {float:left; width:31%; margin-right:3.5%; margin-bottom:3%; height:auto; -webkit-box-sizing: border-box; 	-moz-box-sizing: border-box; 	box-sizing: border-box; 	 }
.box:nth-of-type(3n) {margin-right:0%;}
.box img{width:100%; border-radius:5px; box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19) !important;}
.box.thumb {position: relative; padding-bottom:31%; background-size:cover}
.box.thumb:hover {position: relative; padding-bottom:31%; background-size:cover}
.box.thumb:after {content:''; position: absolute; background:rgba(0,0,0,0.1); top:0; right:0; bottom:0px; left:0px; transition: 0.3s}
.box.thumb:hover:after {content:''; position: absolute; background:rgba(0,0,0,0.5); top:0; right:0; bottom:0px; left:0px;}
.box.thumb a {position:absolute; z-index:999; color:#fff; top:0; bottom:0px; left:0; right:0;    font-size: 120px; opacity: 0.5; text-align: center; text-decoration: none; }
.box.thumb a:hover {text-decoration: none}
.box.thumb a span {position:absolute;opacity: 0.0; transition: 0.3s; text-decoration: none; color:#ffffff; left:0; right:0; top:30%}
.box.thumb:hover a span {opacity: 1}


#gallery a:nth-of-type(3n) .box {margin-right:0%;}
#gallery .box{position:relative; border:0px;   margin-top:2%; padding:0px; font-size:1.0em;  }
#gallery .box:hover h2{    color:#006FA6;}
#gallery .box h2{ height:auto;width:100%; display:block;color:#aaa; margin: 5px 0 0 0px; padding:0px 0px 00px 0px;font-size:1.6em; font-weight:300; text-indent:0px; text-align:center}
#gallery img { width: 100%;    }
#gallery .box:hover img { width: 100%;  opacity:0.5   }
#gallery .box:hover button { display:block; }
#gallery .box button { display:none; word-spacing: 88px; position: absolute;   margin-right:-40px;margin-bottom:-20px; right: 50%;    bottom: 50%;  color: #ffffff;     background-color: #006FA6;      width: 80px;    height: 80px;      border: 0px; font-size: 1.2em;    font-weight: 300;    letter-spacing: -1px;    line-height: 1em;}

#gallery2 .box:nth-of-type(3n) {margin-right:0%;}

#contactfooter {clear:both; width:100%; margin-top:0%; color:#fff;  }
#contactfooter p{color:#fff; font-size:1.2em; line-height: 1.1em}
#contactfooter .box{margin-bottom:0%;padding:2% 0 2%; text-align:center;}
#contactfooter .box:nth-of-type(1){ text-align:left;}
#contactfooter .box:nth-of-type(3){ text-align:right;}

#contactfooter .box:nth-of-type(3) img{ width:20%; margin: 0px 0 -10px 3px; opacity:1; transition:0.5s}
#contactfooter .box:nth-of-type(3) img:hover{ opacity:1}
#contactfooter .box img{width:100%; border-radius:5px; box-shadow: none !important;}

#contactfooter .icon {float:left;margin-right:0%;height:auto;   box-sizing:border-box; position:relative}
#contactfooter .icon:nth-of-type(1) {margin-left:0% ;;width:11%; }
#contactfooter .icon:nth-of-type(2) {margin-left:5% ;;width:11%; }
#contactfooter .icon:nth-of-type(3) {margin-left:5% ;;width:68%; }

#contactfooter .icon img{ height:auto; width:80%;margin:24px 10% 0; opacity:1; transition:0.5s}
#contactfooter .icon img:hover{ opacity:1}


#contactfooter a {text-decoration:none; color:#fff; }
#contactfooter a:hover{text-decoration:underline; color:#fff; }


#basefooter {font-size:1.1em;width:100%; background-color:#DA0320; color:#ffffff; padding:0px 0}
#basefooter .holder {padding:10px 0;}
#basefooter .holder div {width: 33%;float:left; text-align:left; font-weight:300; letter-spacing:0}
#basefooter .holder div:nth-of-type(2) {width: 33%;float:left; text-align:center}
#basefooter .holder div:last-of-type {width: 23.5%;float:right; text-align:right}
#basefooter .holder a { color:#ffffff;}
#basefooter img {height:32px;width:auto; margin:0px 0 -12px 3px }




.maintextbox {clear:left;float:left; width:65.5%; margin:0% 0 0;height:auto; text-align:left;  padding:0 }
.maintextbox h2, .mainholder h2 {text-align:left;  }
.maintextbox p, .mainholder p{color:#333; text-align: left !important  }
.maintextbox a, .mainholder a { text-decoration:none; color: #006FA6; font-weight:400;}
.maintextbox a:hover, .mainholder a:hover {text-decoration:underline;}
.mainholder {clear:left;float:left; width:100%; margin:30px 0 30px;height:auto;color:#333; text-align:left;  padding:0 0; }
.mainholder.leaf {background:url(images/blue-leaf.png) center center no-repeat; background-size:contain }
/*SECOND LEVEL SETUP*/

.sidebar {float:right; width:31%; margin:0% 0 0 0 ; }
.sidebar .box1, .sidebar .box2 {float:left; width:100%; margin:0 0% 10% 0%; height:auto; background-color: #fff; padding: 0 0 5% 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0;}
.sidebar img { width:100%}
.sidebar h2 {width:100%; margin:0 0 1% 0}
.sidebar .box1 .btn ,.sidebar .box2 .btn,
.sidebar .box1 p, .sidebar .box2 p { color: #333; padding:0 10%}
.mainholder h1  {text-align: left}
.mainholder ul ,.half ul{padding:1% 0%}
.mainholder ol ,.half ol{padding:1% 0% 1% 2%}
.mainholder ul li, .half ul li  {list-style-type: none;
    background: 0 0;
    padding-left: 0;
    line-height: 1.2em;
    margin: 0 0 5px;
    font-size: 1.25em;
	 font-weight: 100;
   }

.mainholder ol li, .half ol li  {
    background: 0 0;
    padding-left: 0;
    line-height: 1.2em;
    margin: 0 0 5px;
    font-size: 1.25em;
	 font-weight: 100;
	text-align: left;
   }


.mainholder ul li:before, .half ul li:before{
/*    content: "\02714";*/
    content: "\02022";
/*    color: #006FA6;*/
    color: #333333;
    font-weight: 400;
    margin-right: 1%;
}

.mainholder ol li{

    font-weight: 400;
    margin-left: 1%;
}


#cform fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; text-align: center}
#cform input {float:left; color:#333; background-color:#ffffff; width:100%; margin:0 0 8% 0%;border:0px; border-radius:5px;padding: 5% 5%; font-family: Arial, sans-serif;font-size:1.4em; font-weight:300; box-sizing: border-box }
#cform select {float:left; color:#333; background-color:#ffffff; width:100%; margin:0 0 8% 0%;border:0px; border-radius:5px;padding: 5% 5%; font-family: Arial, sans-serif;font-size:1.4em; font-weight:300;box-sizing: border-box  }
#cform textarea {float:left; color:#333; background-color:#ffffff; width:100%;height:150px; margin:0 0 10px 0; border-radius:5px;border:0px;  padding:5%; font-family: Arial, sans-serif;font-size:1.4em;font-weight:300;box-sizing: border-box }
#cform button { display: inline-block; background-color: #006FA6; padding: 10px 20px;  color: #ffffff !important;  text-align: center; text-decoration: none; font-size: 1.4em; font-weight: 300;  border:0px; border-radius:5px;transition: 0.5s;font-family: Arial, sans-serif; }
#cform fieldset label {float:left;width:100%; margin:0px 0 3px;  font-size:1.4em; color:#006FA6;font-weight:300; }
#cform .box {margin-bottom:0%; 	 }
#cform fieldset input.error {    background: #ddd;    color: #ffffff;    font-style: italic;}

#bform fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; text-align: center}
#bform input {float:left; color:#333; background-color:#ffffff; width:100%; margin:0 0 30px 0%;border:0px; border-radius:5px;padding: 15px; font-family: Arial, sans-serif;font-size:1.4em; font-weight:300; box-sizing: border-box }
#bform select {float:left; color:#333; background-color:#ffffff; width:100%; margin:0 0 30px 0%;border:0px; border-radius:5px;padding: 15px; font-family: Arial, sans-serif;font-size:1.4em; font-weight:300;box-sizing: border-box  }
#bform textarea {float:left; color:#333; background-color:#ffffff; width:100%;height:100px; margin:0 0 30px 0; border-radius:5px;border:0px;  padding:15px; font-family: Arial, sans-serif;font-size:1.4em;font-weight:300;box-sizing: border-box }
#bform button { display: inline-block; background-color: #006FA6; padding: 10px 20px;  color: #ffffff !important;  text-align: center; text-decoration: none; font-size: 1.4em; font-weight: 300;  border:0px; border-radius:5px;transition: 0.5s;font-family: Arial, sans-serif; }
#bform fieldset label {float:left;width:100%; margin:0px 0 6px;  font-size:1.6em; color:#006FA6;font-weight:300; text-align: left; font-weight: 600}
#bform .box {margin-bottom:0%; 	 }
#bform fieldset input.error {    background: #ddd;    color: #ffffff;    font-style: italic;}
#bform .half { float:left; width:49%; margin-right:0%; height:auto; padding:0% 0;  box-sizing: border-box	 }
#bform .half:nth-of-type(2n){margin-left:2%;padding:0% 0 0% 3%;}



.container { display: block;  position: relative;  padding-left: 35px;  margin-bottom: 12px;  cursor: pointer;  font-size: 22px!important;;  width:auto !important;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}
.container input {  position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}
.checkmark {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #fff !important;} /* Create a custom checkbox */

.container:hover input ~ .checkmark {  background-color: #ccc!important;}/* On mouse-over, add a grey background color */
.container input:checked ~ .checkmark {  background-color: #006FA6!important;}/* When the checkbox is checked, add a blue background */
.checkmark:after {  content: "";  position: absolute;  display: none;} /* Create the checkmark/indicator (hidden when not checked) */
.container input:checked ~ .checkmark:after {  display: block;} /* Show the checkmark when checked */
.container .checkmark:after {  left: 9px;  top: 5px;  width: 5px;  height: 10px;  border: solid white;  border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);} /* Style the checkmark/indicator */




.radiobtn {  position: absolute;  top: 0;  left: 0;  height: 25px;  width: 25px;  background-color: #fff !important;border-radius: 50%;} /* Create a custom checkbox */
.container:hover input ~ .radiobtn {  background-color: #ccc!important;}
.container input:checked ~ .radiobtn {  background-color: #006FA6!important;}
.radiobtn:after {  content: "";  position: absolute;  display: none;}
.container input:checked ~ .radiobtn:after {  display: block;}
.container .radiobtn:after { 	top: 9px;	left: 9px;	width: 8px;	height: 8px;	border-radius: 50%;	background: white;}



#formsent {
    display: none;
    letter-spacing: -1px;
    width: 100%;
    border: 0px;
    color: #000000;
    line-height: 1em;
    transition: 0.5s;
    font-size: 1.7em;
    text-align: center;
    margin: 20px 0;
    padding-top: 10px;
}

#c2form fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; position:relative;}
#c2form input {float:left; color:#333; background-color:#eee; width:100%; margin:0 0 9px 0%;border:0px; padding: 1%;box-sizing:border-box; font-family: Arial, sans-serif;font-size:1.2em;  }
#c2form select {float:left; color:#333; background-color:#eee; width:100%; margin:0 0 9px 0%;border:0px; padding: 1%; box-sizing:border-box;font-family: Arial, sans-serif;font-size:1.2em;  }
#c2form textarea {float:left; color:#333; background-color:#eee; width:100%;height:180px; margin:0 0 9px 0;border:0px; box-sizing:border-box; padding:1%; font-family: Arial, sans-serif;font-size:1.2em; }
#c2form .btn {text-align:center;  font-size:1.3em; background-color:#006FA6;color:#fff; display:block; width:30%; margin:1% auto 0% ; border:0px; padding: 1% ; font-family: Arial, sans-serif;  }
#c2form fieldset label {float:left;width:100%; margin:0px 0 3px;  font-size:1.3em; color:#666;font-weight:300; }
#c2form .showf {display:none;}


#map {float:left; width: 98%; height: 320px; margin-top:5%;}

.halfcol {background: linear-gradient(to right, blue 50%, red 50%); }

#enqForm {    background: #eeeeee;
    padding: 1.5% 0%;
    box-sizing: border-box;}

@media (max-width: 1200px){
body, html {  font-size: 0.94em;}
.flex-caption {    padding: 0% 0 0 0; }
	
	#hero .slide .strapline .title { padding:70px 0 0 0; }
#hero .slide .strapline .title.titleup { padding:30px 0 0 0; }
	
	
}


@media (min-width: 1600px){

.holder {    max-width: 1440px!important; }

}

@media (min-width: 1200px){
	.enqform { padding:5% 0% 5% 5% !important}
.holder {    max-width: 1170px; }
#hero  { height:270px ;}
#hero .slide { height:270px ;}
.flex-caption {text-align:center;  position:absolute;    top:55px; left:0;right:0; bottom:0;   z-index:1; padding:0% 0 0 0; background-color:''}
header .soalogo {position:absolute; top:19px;left:0px;width:159px}

}

.halfcol {background: linear-gradient(to left, #6A6A6A 50%, #eeeeee 50%); }
.enqform { }
@media only screen 
and (min-width : 0px) 
and (max-width : 991px){
	
	.fade2 {display: none}
	.makefull {width:100% !important; margin: 0!important; }
	.addpad {padding:0 !important;}
	#contactfooter .icon img{ height:auto; width:100%;margin:3px 0% 0; opacity:1; transition:0.5s}

	.enqform {background:#6A6A6A; padding:5% !important}
	.halfcol {background: #ffffff !important }

	.box.b2 {clear:both; width:100% !important; }
	
	.half{width:100%;}
	
	.holder {width:100%;  font-size:1em; box-sizing: border-box}
	header { width:100%; margin:0px; padding:0px;}

	
header .soalogo {position:absolute; top:30px;left:30px; width:120px;}
header .soatitle {font-size:2.6em; letter-spacing:-2px;font-weight:600; text-indent:150px;line-height:54px; }
header .socials {display:none;}

	
	#contactfooter .holder { width:94%; margin:0 3% 1% 3%;  }


	.fullholder {clear:both; width:100%; background-color: #fff; padding:0% 0; margin:0 0 0% 0;height:auto; }
	.fullholder .holder {margin:0; }

	.maintextbox, .sidebar {clear:left;float:left; width:100%; margin:0% 0%;height:auto;color:#333; text-align:left; padding:0 0%}
	.sidebar {margin:3% 0% 0;}
	.maintextbox h2, .mainholder h2 {text-align:left;  }
	.maintextbox p, .mainholder p{color:#333;  }
	.maintextbox a, .mainholder a, .sidebar a { text-decoration:none; color: #000; font-weight:400;}
	.maintextbox a:hover, .mainholder a:hover, .sidebar a:hover {text-decoration:underline;}
	.mainholder {clear:left;float:left; width:90%; margin:0% 0 5%;height:auto;color:#333; text-align:left; padding:5% 5%}
	
	.mainholder br {display:none; }
	
	
.mainholder br {display:none; }


#map {float:left; width: 98%; height: 360px;}	

#contactfooter .box{width:50% !important; margin:0 25% !important;}
#contactfooter .box:nth-of-type(1){ text-align:left;}
#contactfooter .box:nth-of-type(3){ width:16%; margin-right:0%;padding:0.5% 0 0;}
#contactfooter .box:nth-of-type(4){ width:15%; margin-right:0%;padding:0.5% 0 0;}
	
		#hero { height:320px !important; margin-bottom:10px;} 
#hero .slide { height:320px !important; position:relative}
#hero .slide .strapline { height:320px !important; font-size:0.85em; }
#hero .slide .strapline .title {  padding:90px 30px 0 30px;  font-size:3.0em; }
#hero .slide .strapline .intro { padding:10px 100px; font-size:2.3em;  }


	
	.evenly {	margin:3% 0 1.5%;  display:inline-block;  justify-content:space-between; text-align: center}
.evenly img {  width:16%; margin:0 7% 7% 0; height:auto;  }

}


@media only screen 
and (min-width : 679px) 
and (max-width : 991px){
	#header {  }
	
.alert2 {background:rgba(0,111,166,1); color:#ffffff; width:33%; float:right; padding:15px 15px;font-size:1.3em !important;  font-weight:600; box-sizing:border-box; text-align: center; border-radius: 5px; margin:0px 0 20px 30px}


	.box:nth-of-type(3n) {margin:0%;}
	.box {float:left; width:48%; margin:0 4% 3% 0%!important; height:auto;}
	
	.box:nth-of-type(2n) {margin:0 0% 3% 0% !important;}
	
	
	.noxs {display:none; }
.box.thumb {position: relative; padding-bottom:48%; background-size:cover}

	
	
.flex-strapline {font-size:6vw; }
	
#contactfooter {clear:both; width:100%; background:#006FA6; color:#fff; padding:2% 0 }
#contactfooter .box{margin-bottom:0%;padding:0.5% 0 1.75%; text-align:center;}
#contactfooter .box:nth-of-type(1){ width:100%;text-align:center;}
#contactfooter .box:nth-of-type(2){ width:100%;text-align:center;}
#contactfooter .box:nth-of-type(3){ width:100%; text-align:center;margin-right:0%;padding:0.5% 0 0;}
#contactfooter .icon {margin-right:0% ;height:auto;   box-sizing:border-box; position:relative}


}





@media only screen 
and (min-width : 0px) 
and (max-width : 678px){
	
.alert2 {display: none;width:100%; float:right; margin:30px 0 30px 0px}

table td {
    width: 100%;
    clear: both;
    display: block;
    font-size: 1.2em;
	border:0;
	
}
table td, table th {
    border-top: 0px solid #ddd!important;
    border-bottom: 0px solid #ddd!important;
    padding: 0px 0px!important;
	box-sizing: border-box;
}
table tr {
    border-top: 0px solid #ddd!important;
    border-bottom: 0px solid #ddd!important;
    padding: 8px 0 !important;
	box-sizing: border-box;
	margin-bottom:6px;
	display: block;
	background: #E4ECF3 !important;
		
}
	
	
	ul.salesbtns {display: block; justify-content: space-between; list-style:none;}
ul.salesbtns li{display:block; width:100%;box-sizing: border-box;  background-color:white !important; text-align:center; padding:10px 20px !important; font-weight:600 !important; white-space: nowrap; transition: 0.5s}
ul.salesbtns li a{text-decoration: none}
	
	
	.sawlisting{ float:left; width:100%; clear:left; margin-top:15px;margin-bottom:15px;}
.sawimage{ width:100%; float:left;background:white; height:0; padding-bottom:75%; margin-right:0%; margin:3% 0%; background-size:cover; background-position:center center;}
.sawcholder{ width:100%;  float:left;font-weight:700;;}
.sawcholder2{ font-size:1.8em;}
.sawnum{ width:100%; float:left;}
.sawyear{ width:100%; float:left;}
.sawprice{ width:100%; float:left; text-align:left;}
.sawtitle{ width:100%; float:left;}
.sawsummary{ width:100%; float:left;font-weight:300;font-size:1.5em;;}
.sawmarker{ width:100%; float:left;font-weight:300;font-size:1.5em; margin-top:10px;;}

	.sawimgh {width:100%;float:right; margin:0 0 30px 0px;}

		
	
	
	.greycta {display: none}
	.topbar {display: block}
	
	.imgleft{float:left; width:100%; margin:0 0 3% 0%}
.imgright{float:right; width:100%; margin:0 0% 3% 0%}

	.b2 div {font-size:1.5em !important}
	
		
	header .holder {width:100% !important;  }
	.holder {width:94%;  font-size:1em; box-sizing: border-box}
	
	.topbar {height:48px;}
	
	header .soalogo {position:absolute; top:5px;left:15px; width:60px;}
	
header .soatitle {font-size:1.8em; margin-left:80px; width:60%; text-indent:0px;letter-spacing:-2px;font-weight:600;line-height:24px; }
header .socials {display:none;}
	
	
	.box {float:left; width:100%; margin:3% 0% 0% 0%; height:auto;}
	
	
	.box.thumb:nth-of-type(3n) {margin:0%;}
	.box.thumb {float:left; width:48%; margin:0 4% 3% 0%!important; padding-bottom:48%;height:auto;}
	
	.box.thumb:nth-of-type(2n) {margin:0 0% 3% 0% !important;}
	

	
	
	
	
	.half, .half2 {width:100%; margin:3% 0% 0% 0; }
	.noxs {display:none; }
	.phone-contact-h {line-height: 0;
    font-size: 0;
    width: 36px;
    height: 36px;
    padding-left: 0px;
    margin-top: 12px;
    margin-bottom: -5px;
    margin-right: 85px;
    background: url(images/phone-icon.png) no-repeat 9px 1px;
    background-size: 80%;
    color: transparent !important;	}
	header a.enquire-btn {display:none; }
	header .fullholder {margin-top:0px;}

	.flexslider .slides li {    position:relative; height:270px; padding-bottom:0%; background-size:cover; background-position:center center}
	.flex-strapline {font-size:8vw; }



#contactfooter {clear:both; width:100%; color:#fff;  padding:0% 0}
#contactfooter .box{margin-bottom:0%;padding:0.5% 0 1.75%; text-align:center;}

#basefooter .holder div {
    width: 100% !important; text-align: center !important
	}


		#hero { height:240px !important; margin-bottom:0px;} 
#hero .slide { height:240px !important; position:relative}
#hero .slide .strapline { height:240px !important; font-size:0.85em; }
#hero .slide .strapline .title {  padding:90px 30px 0 30px;  font-size:3.0em;line-height:100%; letter-spacing:-1px; }
#hero .slide .strapline .intro { padding:10px 30px; font-size:1.6em;  }

	
	#cform input, #cform textarea { background: #ffffff;}
	#enqForm {    background: #eeeeee;
    padding: 5% 5%;
    box-sizing: border-box;}

	.cat h2 { width:auto; background:#006FA6; color:white; padding:10px 15px; position:absolute; left:-10px; height:48px;/* top:20px;*/ bottom:120px; font-size: 1.5em; box-sizing: border-box}
	.cat p { margin-top:20px;}
	
	
	
#bform fieldset {margin:2% 0% 2%; padding:0; border:0px; width:100%; text-align: center}
#bform input {float:left; color:#333; background-color:#ffffff; width:100%; margin:0 0 30px 0%;border:0px; border-radius:5px;padding: 15px; font-family: Arial, sans-serif;font-size:1.4em; font-weight:300; box-sizing: border-box }
#bform select {float:left; color:#333; background-color:#ffffff; width:100%; margin:0 0 30px 0%;border:0px; border-radius:5px;padding: 15px; font-family: Arial, sans-serif;font-size:1.4em; font-weight:300;box-sizing: border-box  }
#bform textarea {float:left; color:#333; background-color:#ffffff; width:100%;height:100px; margin:0 0 30px 0; border-radius:5px;border:0px;  padding:15px; font-family: Arial, sans-serif;font-size:1.4em;font-weight:300;box-sizing: border-box }
#bform button { display: inline-block; background-color: #006FA6; padding: 10px 20px;  color: #ffffff !important;  text-align: center; text-decoration: none; font-size: 1.4em; font-weight: 300;  border:0px; border-radius:5px;transition: 0.5s;font-family: Arial, sans-serif; }
#bform fieldset label {float:left;width:100%; margin:0px 0 6px;  font-size:1.6em; color:#006FA6;font-weight:300; text-align: left; font-weight: 600}
#bform .box {margin-bottom:0%; 	 }
#bform fieldset input.error {    background: #ddd;    color: #ffffff;    font-style: italic;}
#bform .half { float:left; width:100%; margin:0% !important; height:auto; padding:0% 0 !important;  box-sizing: border-box	 }




	
	
	
}


@media only screen 
and (min-width : 0px) 
and (max-width : 481px){
	
	
	
	.mobhide {display: none}
	.makefull {width:100% !important; margin: 0!important; }
	
	.addpad img {width: 100% !important}
	
.fsbuffer {float:left;height:0px;}
	.videoholder {float: right; width: 100%; margin:3% 0 3% 0%;}


h1 {  font-size:1.9em;padding:0% 0; margin:0; letter-spacing: -2px;}
span { color:#006FA6;}
h2 {  font-size:1.8em;  }
h3 {font-size:1.8em;}
	
p {color: #333;font-size: 1.3em !important;margin: 6px 0 16px 0;line-height: 1.2em;}

.holder {width:100%;  box-sizing: border-box}

header .contacts {width:50%; }

.flexslider { position:relative  !important;    top: auto !important;    width: 100%;}
.flexslider .slides li {    position:relative;  background-size:cover; background-position:center center}
.flex-title { bottom:36px;font-size: 2.6em !important; text-align: center}
.flex-caption {padding:9% 0 0 0; }
.flex-btn {margin-top:0 !important; font-size: 1.4em !important;}
	
	
.flex-strapline {bottom:15px; font-size:1.4em !important;  text-align: center; ;}
.box .orangebtn {float:right; font-size:1.2em; margin:5px 0 10px; padding:6px 15px;}
#contactfooter .box{width:80% !important; margin:0 10% !important;}
#contactfooter .box p{text-align: center}
.redbtn {    font-size: 1.4em;	}
	
	
	blockquote { width:100%;color:#fff; font-size:1.3em; font-style: italic; letter-spacing:-1px;font-weight:400; text-align:center;margin: 0 0;padding: 30px 35px;line-height: 1.2em;position: relative;z-index:1;box-sizing:border-box}

blockquote:before {text-shadow:none;display: block;padding-left: 5px;content: "\201C";font-style:normal;font-family: 'Arial Black', sans-serif; font-weight:bold; font-size: 50px;position: absolute;left: 10px;top: 30px;color: #ffffff;z-index:-1;}
blockquote:after {text-shadow:none;display: block;padding-right: 10px;content: "\201D";font-style:normal;font-family: 'Arial Black', sans-serif; font-weight:bold; font-size: 50px;position: absolute;right: 10px;bottom:56px;color: #ffffff;z-index:-1;;}
blockquote cite {font-style:normal;text-shadow:none;color: #fff;letter-spacing:0px; font-size: 1em; font-weight: 700; line-height:1.1em; display: block;margin-top: 20px; text-transform:none; }

	
}


.showf {display:none; }