@charset "UTF-8";

@import "font-awesome.min.css";

@import "http://fonts.googleapis.com/css?family=Lato:300,400";

@import "http://fonts.googleapis.com/css?family=Raleway:900";

body {
background:#fff;
height:100%;
padding:0;
margin:0
}

body,input,select,textarea {
color:#444;
font-family:"Lato",Helvetica,sans-serif;
font-size:15pt;
font-weight:300;
line-height:1.65em
}

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

a:hover {
text-decoration:none
}

strong,b {
color:#666;
font-weight:400
}

em,i {
font-style:italic
}

p {
margin:-1.5em 0 1em
}

h1,h2,h3,h4,h5,h6 {
color:#000;
font-weight:300;
line-height:1em;
margin:0 0 1em
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
color:#fff;
text-decoration:none
}

h2 {
font-family:'Raleway',sans-serif;
font-size:1.8em;
color:#333
}

h3 {
font-size:1.35em;
line-height:1em
}

h4 {
font-size:1.1em;
line-height:1.5em;
color:#333
}

h5 {
font-size:.9em;
line-height:1.5em
}

h6 {
font-size:.7em;
line-height:1.5em
}

sub {
font-size:.8em;
position:relative;
top:.5em
}

sup {
font-size:.8em;
position:relative;
top:-.5em
}

hr {
border:0;
border-bottom:medium 1px rgba(144,144,144,0.25);
margin:2em 0
}

hr.major {
margin:3em 0
}

blockquote {
border-left:solid 4px rgba(144,144,144,0.25);
font-style:italic;
margin:0 0 2em;
padding:.5em 0 .5em 2em
}

code {
background:rgba(144,144,144,0.075);
border-radius:4px;
border:solid 1px rgba(144,144,144,0.25);
font-family:"Courier New",monospace;
font-size:.9em;
margin:0 .25em;
padding:.25em .65em
}

pre {
-webkit-overflow-scrolling:touch;
font-family:"Courier New",monospace;
font-size:.9em;
margin:0 0 2em
}

pre code {
display:block;
line-height:1.75em;
padding:1em 1.5em;
overflow-x:auto
}

body.landing #header {
background-color:#333;
left:0;
position:absolute;
top:0
}

#header a:hover {
color:#076CA3
}

body.landing #header1 {
left:0;
position:absolute;
top:0
}

#header {
cursor:default;
height:4.75em;
line-height:4.75em;
width:100%;
z-index:1
}

#header h1 {
font-family:Raleway;
color:#fff;
font-size:35px;
height:inherit;
left:2.5em;
line-height:inherit;
margin:0;
padding:0;
position:absolute;
top:0
}

#header h1 a {
font-size:3em
}

#header nav {
height:inherit;
line-height:inherit;
position:absolute;
right:2.75em;
top:0;
vertical-align:middle
}

#header nav > ul {
list-style:none;
margin:0;
padding-left:0
}

#header nav > ul > li {
border-radius:4px;
display:inline-block;
margin-left:1.5em;
padding-left:0
}

#header nav > ul > li a {
-moz-transition:color .2s ease-in-out;
-webkit-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
display:inline-block;
text-decoration:none;
color:#fff
}

#header nav > ul > li a:hover {
color:#076CA3
}

#header nav > ul > li:first-child {
margin-left:0
}

#header nav > ul > li .button {
height:2.25em;
line-height:2.25em;
margin-bottom:0;
padding:0 1em;
position:relative;
top:-.075em;
vertical-align:middle
}

#header .container {
position:relative
}

#header .container h1 {
left:0
}

#header .container nav {
right:0
}

#header1 {
background-color:#22A7F0;
color:#fff;
cursor:default;
height:4.75em;
line-height:4.75em;
width:100%;
z-index:1
}

#header1 a:hover {
color:#076CA3
}

#header1 h1 {
color:#fff;
height:inherit;
left:2.5em;
line-height:inherit;
margin:0;
padding:0;
position:absolute;
top:0
}

#header h1 a {
font-size:1.25em
}

#header1 nav {
height:inherit;
line-height:inherit;
position:absolute;
right:2.75em;
top:0;
vertical-align:middle
}

#header1 nav > ul {
list-style:none;
margin:0;
padding-left:0
}

#test li {list-style: disc;
margin-left: 10px;
}

#header1 nav > ul > li {
border-radius:4px;
display:inline-block;
margin-left:1.5em;
padding-left:0
}

#header1 nav > ul > li a {
-moz-transition:color .2s ease-in-out;
-webkit-transition:color .2s ease-in-out;
-o-transition:color .2s ease-in-out;
-ms-transition:color .2s ease-in-out;
transition:color .2s ease-in-out;
color:#E4F1FE;
display:inline-block;
text-decoration:none
}

#header1 nav > ul > li a:hover {
color:#076CA3
}

#header1 nav > ul > li:first-child {
margin-left:0
}

#header1 nav > ul > li .button {
height:2.25em;
line-height:2.25em;
margin-bottom:0;
padding:0 1em;
position:relative;
top:-.075em;
vertical-align:middle
}

#header1 .container {
position:relative
}

#header1 .container h1 {
left:0
}

#header1 .container nav {
right:0
}

#banner {
background:url(../images/southampton.png);
background-position:center;
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
color:#fff;
text-align:left;
overflow:hidden;
position:relative;
padding:14em 0
}

#banner h2 {
color:#fff;
font-size:4em;
font-weight:800;
text-shadow:2px 2px #000;
line-height:1em;
margin:0 0 .5em;
padding:0
}

#banner p {
font-size:2em;
margin:1.5em 0 0;
font-weight:600;
text-shadow:2px 2px #000;
color:#fff
}

#banner .actions {
margin:3em 0 0
}

#banner .button {
background-color:transparent;
border:1px solid #fff;
font-weight:300
}

#banner .button:hover {
background-color:rgba(255,255,255,0.2)
}

.paddedwords {
padding-left:10%;
padding-right:10%
}

.wrapper {
padding:2em 0 1em
}

.wrapper.style1 {
background-color:#fff;
font-size:1.25em;
padding-bottom:70px;
}

.wrapper.style7 {
padding-top: 200px;
padding-bottom: 200px;
}

.smallparagraph {
font-size:18px;
line-height:25px
}

.smallparagraph1 {
font-size:18px;
line-height:25px;
padding-top:20px
}

.smallparagraph2 {
font-size:18px;
line-height:25px;
padding-left:10%;
padding-right:10%
}

.smallparagraph3 {
font-size:18px;
padding-top:30px
}

.bigprice {
color:#fff;
font-size:5em;
font-weight:600;
margin-bottom:50px
}

.bigpriceh {
color:#fff;
font-size:1.75em;
font-weight:400
}

.headingwhite {
color:#fff;
text-align:center
}

.left {
float:left;
width:48%;
padding-top:50px
}

.right {
float:right;
width:48%;
padding-top:50px
}

.left8 {
background-color:#75768A;
margin-top:20px;
float:left;
width:48%;
padding-top:50px;
padding-bottom:50px
}

.item2 {
display:inline-block;
width:20%;
height:auto;
margin:10px
}

.item3 {
display:inline-block;
width:30%;
background-color:#75768A;
color:#fff;
margin:10px;
padding:60px 20px 50px;
}

.item4 {
display:inline-block;
width:30%;
height:auto;
background:#F89406;
color:#fff;
margin:10px;
padding:60px 20px 50px;
}

.leftportfolio {
float:left;
width:48%;
padding-top:10px
}

.rightportfolio {
float:right;
width:48%;
padding-top:10px
}

.left7 {
float:left;
width:48%;
padding-top:10px
}
.right7 {
float:right;
width:48%;
padding-top:10px
}

.right7 a:hover {
color:#22A7F0;
text-decoration:none
}

.wrapper.style3 {
background-color:#fff;
font-size:1.5em;
font-weight:400
}

.hiw {
padding-left:10%;
padding-right:10%
}

.wrapper.style9 {

background-color:#F89406;
font-weight:400;
font-size: 1.5em;
padding-top: 50px;
padding-bottom: 10px;
color:#fff
}

.wrapper.style9 a:hover {
color:#22A7F0;
}

.wrapper.style1 {
color:#fff;
background-color:#333;
font-size:1.5em;
font-weight:400;
padding-top:90px
}

.wrapper.style8 {
padding-bottom:3em;
background-color:#fff;
font-size:1.25em
}

.group:after {
content:"";
display:table;
clear:both
}

.customImg {
max-width:100%;
height:auto
}

.customImg1 {
max-width:100%;
height:auto;
padding-top:30px
}

.icons {
padding-bottom:15px;
max-width:100%;
height:auto
}

@media screen and (max-width: 850px) {
.item2,.left,.right,.left8,.item4,.leftportfolio,.rightportfolio {
float:none;
width:auto
}

.item3 {
float:none;
width:70%
}
}

.wrapper.style1 .icon.big {
border-color:#fff;
margin-bottom:.5em
}

.align-left {
text-align:left
}

.align-center {
text-align:center
}

.align-right {
text-align:right
}

form {
margin:0 0 2em
}

label {
color:#666;
display:block;
font-size:.9em;
font-weight:400;
margin:0 0 1em
}

input[type="text"],input[type="password"],input[type="email"],select,textarea {
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
background:rgba(144,144,144,0.075);
border-radius:4px;
border:none;
border:solid 1px rgba(144,144,144,0.25);
color:inherit;
display:block;
outline:0;
padding:0 1em;
text-decoration:none;
width:100%
}

input[type="text"]:invalid,input[type="password"]:invalid,input[type="email"]:invalid,select:invalid,textarea:invalid {
box-shadow:none
}

input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,select:focus,textarea:focus {
border-color:#22A7F0;
box-shadow:0 0 0 1px #22A7F0
}

.select-wrapper {
text-decoration:none;
display:block;
position:relative
}

.select-wrapper:before {
content:"";
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important;
color:rgba(144,144,144,0.25);
display:block;
height:2.75em;
line-height:2.75em;
pointer-events:none;
position:absolute;
right:0;
text-align:center;
top:0;
width:2.75em
}

.select-wrapper select::-ms-expand {
display:none
}

input[type="text"],input[type="password"],input[type="email"],select {
height:2.75em
}

textarea {
padding:.75em 1em
}

input[type="checkbox"],input[type="radio"] {
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
display:block;
float:left;
margin-right:-2em;
opacity:0;
width:1em;
z-index:-1
}

input[type="checkbox"] + label,input[type="radio"] + label {
text-decoration:none;
color:#444;
cursor:pointer;
display:inline-block;
font-size:1em;
font-weight:300;
padding-left:2.4em;
padding-right:.75em;
position:relative
}

input[type="checkbox"] + label:before,input[type="radio"] + label:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important;
background:rgba(144,144,144,0.075);
border-radius:4px;
border:solid 1px rgba(144,144,144,0.25);
content:'';
display:inline-block;
height:1.65em;
left:0;
line-height:1.58125em;
position:absolute;
text-align:center;
top:0;
width:1.65em
}

input[type="checkbox"]:checked + label:before,input[type="radio"]:checked + label:before {
background:#F89406;
border-color:#F89406;
color:#fff;
content:'\f00c'
}

input[type="checkbox"]:focus + label:before,input[type="radio"]:focus + label:before {
border-color:#22A7F0;
box-shadow:0 0 0 1px #22A7F0
}

input[type="checkbox"] + label:before {
border-radius:4px
}

input[type="radio"] + label:before {
border-radius:100%
}

::-webkit-input-placeholder {
color:#888!important;
opacity:1
}

:-moz-placeholder {
color:#888!important;
opacity:1
}

::-moz-placeholder {
color:#888!important;
opacity:1
}

:-ms-input-placeholder {
color:#888!important;
opacity:1
}

.formerize-placeholder {
color:#888!important;
opacity:1
}

.box {
border-radius:4px;
border:solid 1px rgba(144,144,144,0.25);
margin-bottom:2em;
padding:1.5em
}

.box > :last-child,.box > :last-child > :last-child,.box > :last-child > :last-child > :last-child {
margin-bottom:0
}

.box.alt {
border:0;
border-radius:0;
padding:0
}

.icon {
text-decoration:none;
border-bottom:none;
position:relative
}

.icon:before {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-family:FontAwesome;
font-style:normal;
font-weight:400;
text-transform:none!important
}

.icon > .label {
display:none
}

.icon.rounded {
border-radius:100%;
border:1px solid #4dac71;
display:inline-block;
height:2em;
line-height:2em;
text-align:center;
width:2em
}

.icon.rounded.big {
font-size:3.5em
}

input[type="submit"],input[type="reset"],input[type="button"],.button {
-moz-appearance:none;
-webkit-appearance:none;
-o-appearance:none;
-ms-appearance:none;
appearance:none;
-moz-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-webkit-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-o-transition:background-color .2s ease-in-out,color .2s ease-in-out;
-ms-transition:background-color .2s ease-in-out,color .2s ease-in-out;
transition:background-color .2s ease-in-out,color .2s ease-in-out;
background-color:#22A7F0;
border-radius:4px;
border:0;
color:#fff!important;
cursor:pointer;
display:inline-block;
font-weight:400;
font-size:18px;
height:2.85em;
line-height:2.8em;
padding:0 2em;
text-align:center;
text-decoration:none;
white-space:nowrap
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover {
background-color:#076CA3
}

input[type="submit"]:active,input[type="reset"]:active,input[type="button"]:active,.button:active {
background-color:#076CA3
}

input[type="submit"].icon,input[type="reset"].icon,input[type="button"].icon,.button.icon {
padding-left:1.35em
}

input[type="submit"].icon:before,input[type="reset"].icon:before,input[type="button"].icon:before,.button.icon:before {
margin-right:.5em
}

input[type="submit"].fit,input[type="reset"].fit,input[type="button"].fit,.button.fit {
display:block;
margin:0 0 1em;
width:100%
}

input[type="submit"].small,input[type="reset"].small,input[type="button"].small,.button.small {
font-size:.8em
}

input[type="submit"].big,input[type="reset"].big,input[type="button"].big,.button.big {
font-size:1.35em
}

input[type="submit"].alt,input[type="reset"].alt,input[type="button"].alt,.button.alt {
background-color:transparent;
box-shadow:inset 0 0 0 2px rgba(144,144,144,0.25);
color:#666!important
}

input[type="submit"].alt:hover,input[type="reset"].alt:hover,input[type="button"].alt:hover,.button.alt:hover {
background-color:rgba(144,144,144,0.075)
}

input[type="submit"].alt:active,input[type="reset"].alt:active,input[type="button"].alt:active,.button.alt:active {
background-color:rgba(144,144,144,0.2)
}

input[type="submit"].alt.icon:before,input[type="reset"].alt.icon:before,input[type="button"].alt.icon:before,.button.alt.icon:before {
color:#888
}

input[type="submit"].special,input[type="reset"].special,input[type="button"].special,.button.special {
background-color:#22A7F0;
color:#fff!important
}

input[type="submit"].special:hover,input[type="reset"].special:hover,input[type="button"].special:hover,.button.special:hover {
background-color:#076CA3
}

input[type="submit"].special:active,input[type="reset"].special:active,input[type="button"].special:active,.button.special:active {
background-color:#076CA3
}

input[type="submit"].disabled,input[type="submit"]:disabled,input[type="reset"].disabled,input[type="reset"]:disabled,input[type="button"].disabled,input[type="button"]:disabled,.button.disabled,.button:disabled {
background-color:#444!important;
box-shadow:inset 0 -.15em 0 0 rgba(0,0,0,0.15);
color:#fff!important;
cursor:default;
opacity:.25
}

#footer {
background:#333;
color:#fff;
padding:2em 0
}

#footer h2,#footer h3,#footer h4 {
color:#fff
}

#footer a {
-moz-transition:all .2s ease-in-out;
-webkit-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
color:#E4F1FE
}

#footer a:active,#footer a:hover {
color:#076CA3
}

#footer .icons .rounded {
border-color:#E4F1FE;
font-size:1.5em
}

#footer .icons .rounded:active,#footer .icons .rounded:hover {
border-color:#E4F1FE
}

#footer .copyright {
font-size:.9em;
margin:0;
padding:0;
text-align:center
}

#footer .copyright li {
border-left:solid 1px rgba(144,144,144,0.25);
display:inline-block;
list-style:none;
margin-left:1.5em;
padding-left:1.5em
}

#footer .copyright li:first-child {
border-left:0;
margin-left:0;
padding-left:0
}