@charset “UTF-8″; 





.clearfix {
    *zoom:1
}

.clearfix:before,.clearfix:after {
    display:table;
    content:""
}

.clearfix:after {
    clear:both
}

a:focus {
    outline:thin dotted #333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:2px
}

.hide-text {
    font:0/0 a!important;
    color:transparent!important;
    text-shadow:none;
    background-color:transparent;
    border:0
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,p {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent
}
nav select {
  display: none;
}


p {
    margin:10px 0
}

body {
    line-height:1
}

ol,ul {
    list-style:none
}

blockquote,q {
    font-family: Georgia, Times, 'Times New Roman', serif; font-size: 36px;
	font-style: normal;
	font-variant: normal;
    font-style: italic;
	font-weight: 400;
	line-height: 1.5em;
    margin-bottom: 1.5em;
    text-align:center;
}

blockquote:before,blockquote:after,q:before,q:after {
    content:'';
    content:none
}

:focus {
    outline:0
}

ins {
    text-decoration:none
}

del {
    text-decoration:line-through
}

html,body {
    height:100%
}

html,body {
    margin:0;
    padding:0
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display:block
}

audio,canvas,video {
    display:inline-block;
    *display:inline;
    *zoom:1
}

audio:not([controls]) {
    display:none
}

a:hover,a:active {
    outline:0
}

sub,sup {
    position:relative;
    font-size:75%;
    line-height:0;
    vertical-align:baseline
}

sup {
    top:-.5em
}

sub {
    bottom:-.25em
}

img {
    max-width:100%;
    vertical-align:middle;
    border:0;
    -ms-interpolation-mode:bicubic
}



button,input,select,textarea {
    margin:0;
    font-size:100%;
    vertical-align:middle
}

button,input {
    *overflow:visible;
    line-height:normal
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding:0;
    border:0
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
    cursor:pointer;
    -webkit-appearance:button
}

input[type="search"] {
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
    -webkit-appearance:textfield;
    margin-top:20px;
    width:90%
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none
}

textarea {
    overflow:auto;
    vertical-align:top
}

.row {
    position:relative;
    z-index:1;
    clear:both;
    *zoom:1
}

.row:before,.row:after {
    display:table;
    content:""
}

.row:after {
    clear:both
}

.col {
    float:left;
    display:block;
    width:100%;
    min-height:1px
}

.col.right {
    float:right
}

.col.center {
    float:none;
    margin-left:auto;
    margin-right:auto
}

@media only screen and (min-width:651px) {
.c-1-2 {
    width:50%
}

.c-1-4 {
    width:25%
}

.tablet .c-1-4 {
    width:50%
}

.tablet .c-1-4:nth-child(2n+1) {
    clear:left
}

.c-3-4 {
    width:75%
}

.c-3-5 {
    width:60%
}

.c-2-5 {
    width:40%
}

.c-1-5 {
    width:20%
}

.c-4-5 {
    width:80%
}

.c-1-3 {
    width:33.33%
}

.c-2-3 {
    width:66.66%
}

.p-r-80 {
    padding-right:40px
}

.p-r {
    padding-right:30px
}

.p-l {
    padding-left:30px
}

.p-r-15 {
    padding-right:15px
}

.m-30 {
    margin-left:-30px
}
}

@media only screen and (min-width:801px) {
.tablet .c-1-4 {
    width:25%
}


.tablet .c-1-4:nth-child(2n+1) {
    clear:none
}

.p-r-80 {
    padding-right:80px
}
}

html {
    font:10px/1 'Gotham SSm A','Gotham SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif
}

body {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    color:#727375
}

.no-js body {
    padding-top:0
}
@media (max-width: 650px) {
/*  nav ul     { display: none; }*/
  nav select { display:inline-block; width: 90% !important; clear:both;}

.header.fixed {
	visibility:hidden;
}
.header .logo 
   {height:35px;}
}
@media only screen and (max-width:650px) {
body.mobile-open {
    overflow:hidden
}
 
}

* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}

.content {
    width:100%;
    max-width:1020px;
    margin:0 auto;
    position:relative;
    padding:0 20px;
    *zoom:1
}

.content:before,.content:after {
    display:table;
    content:""
}
.award-seal {
	float:right;
	clear:both; 
	margin-top:20px;
}

.content:after {
    clear:both
}

.page-wrap {
    -webkit-box-shadow:0 0 6px rgba(0,0,0,0.1);
    -moz-box-shadow:0 0 6px rgba(0,0,0,0.1);
    box-shadow:0 0 6px rgba(0,0,0,0.1);
    width:100%;
    max-width:1600px;
    margin:0 auto;
    background:#fff
}

.full-width {
    width:100%
}

a,.link {
    -webkit-transition:color .3s;
    -moz-transition:color .3s;
    -ms-transition:color .3s;
    -o-transition:color .3s;
    transition:color .3s;
    color:#0a3b61
}

a[href*=tel],.link[href*=tel] {
    color:inherit;
    text-decoration:none
}

a:hover,.link:hover,a:focus,.link:focus {
    color:#5a8ca7
}

.screenoff {
    display:none
}

.keyboard-nav {
    position:absolute;
    top:0;
    left:0;
    z-index:10
}

.keyboard-nav a {
    position:absolute;
    left:0;
    top:-20em;
    display:block;
    padding:5px 15px;
    background:#fff;
    color:#000;
    font:bold 2em 'Gotham SSm A','Gotham SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif
}

.keyboard-nav a:focus {
    top:0
}


.left {
    float:left
}

.right {
    float:right
}

.clear {
    clear:both
}

.btn {
    display:block;
    width:100%;
    background:#fff;
    -:;
    font-size:12px;
    -:;
    font-size:1.2rem;
    font-weight:500;
    padding:17px 66px 16px;
    color:#2a5d7f!important;
    text-align:center;
    position:relative;
    text-transform:uppercase;
    text-decoration:none;
    border:0;
    overflow:hidden;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -webkit-transition:background .3s;
    -moz-transition:background .3s;
    -ms-transition:background .3s;
    -o-transition:background .3s;
    transition:background .3s
}

.btn:hover,.btn:focus {
    background:#f0f0f0
}

.btn:hover:before,.btn:focus:before {
    -webkit-animation:btnHover 1.3s linear;
    -moz-animation:btnHover 1.3s linear;
    -ms-animation:btnHover 1.3s linear;
    -o-animation:btnHover 1.3s linear;
    animation:btnHover 1.3s linear
}

.btn.xs-hide {
    display:none
}

@media only screen and (min-width:970px) {
.btn.xs-hide {
    display:block
}
}

.btn.xs-show {
    display:block
}

@media only screen and (min-width:970px) {
.btn.xs-show {
    display:none
}
}

.btn.pull-left {
    padding:15px 90px 15px 30px
}

.btn.blue-text {
    color:#0a3b61!important
}

.fancybox-wrap .btn {
    display:inline-block;
    width:auto
}

.btn.blue {
    background-color:#084369;
    /*background-image:-moz-linear-gradient(top,#07476e,#093c62);
    background-image:-ms-linear-gradient(top,#07476e,#093c62);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#07476e),to(#093c62));
    background-image:-webkit-linear-gradient(top,#07476e,#093c62);
    background-image:-o-linear-gradient(top,#07476e,#093c62);
    background-image:linear-gradient(top,#07476e,#093c62);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07476e',endColorstr='#093c62',GradientType=0);
    */
    color:#fff!important;
    /* text-shadow:0 2px 0 rgba(0,0,0,0.4); */
    -webkit-box-shadow:0 1px 0 0 #bfbfbf;
    -moz-box-shadow:0 1px 0 0 #bfbfbf;
    box-shadow:0 1px 0 0 #bfbfbf;
    background-color: #3982ab;
}

.btn.blue:hover,.btn.blue:focus {
    background:#5a8ca7;
        background:#7caec9

}

.btn.orange {
    background-color:#ec8327;
    background-image:-moz-linear-gradient(top,#ef8b2c,#e77820);
    background-image:-ms-linear-gradient(top,#ef8b2c,#e77820);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#ef8b2c),to(#e77820));
    background-image:-webkit-linear-gradient(top,#ef8b2c,#e77820);
    background-image:-o-linear-gradient(top,#ef8b2c,#e77820);
    background-image:linear-gradient(top,#ef8b2c,#e77820);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ef8b2c',endColorstr='#e77820',GradientType=0);
    color:#fff!important;
    text-shadow:0 2px 0 rgba(0,0,0,0.4);
    -webkit-box-shadow:0 1px 0 0 #bfbfbf;
    -moz-box-shadow:0 1px 0 0 #bfbfbf;
    box-shadow:0 1px 0 0 #bfbfbf
}

@media only screen and (min-width:651px) {
.btn {
    display:inline-block;
    width:auto
}

.btn.full-width {
    display:block
}
}

.btn.small {
    -:;
    font-size:10px;
    -:;
    font-size:1rem;
    padding:8px 21px 7px
}

.fixed .btn.small {
    background-color:#084369;
    background-image:-moz-linear-gradient(top,#07476e,#093c62);
    background-image:-ms-linear-gradient(top,#07476e,#093c62);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#07476e),to(#093c62));
    background-image:-webkit-linear-gradient(top,#07476e,#093c62);
    background-image:-o-linear-gradient(top,#07476e,#093c62);
    background-image:linear-gradient(top,#07476e,#093c62);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#07476e',endColorstr='#093c62',GradientType=0);
    color:#fff!important;
    text-shadow:0 2px 0 rgba(0,0,0,0.4);
    -webkit-box-shadow:0 1px 0 0 #bfbfbf;
    -moz-box-shadow:0 1px 0 0 #bfbfbf;
    box-shadow:0 1px 0 0 #bfbfbf
}

.btn:before {
    position:absolute;
    top:50%;
    right:20px;
    font-size:1.4em;
    margin-top:-.45em;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.icon-arrow-right.btn:before {
    font-size:1.4em
}

/* form .btn {
    padding:16px 66px 15px
}*/

.btn.hide-text {
    padding:18px 21px
}

.btn.hide-text:before {
    position:relative;
    top:0;
    right:0;
    -:;
    font-size:10px;
    -:;
    font-size:1rem;
}

@-webkit-keyframes btnHover {
0% {
    right:20px;
    top:50%;
    opacity:100
}

30% {
    right:10px;
    top:50%;
    opacity:80
}

50% {
    right:-10px;
    top:50%;
    opacity:0
}

51% {
    right:-10px;
    top:100%;
    opacity:0
}

52% {
    right:40px;
    top:100%;
    opacity:0
}

53% {
    right:40px;
    top:50%;
    opacity:0
}

80% {
    right:25px;
    top:50%;
    opacity:80
}

100% {
    right:20px;
    top:50%;
    opacity:100
}
}

@-moz-keyframes btnHover {
0% {
    right:20px;
    top:50%;
    opacity:100
}

30% {
    right:10px;
    top:50%;
    opacity:80
}

50% {
    right:-10px;
    top:50%;
    opacity:0
}

51% {
    right:-10px;
    top:100%;
    opacity:0
}

52% {
    right:40px;
    top:100%;
    opacity:0
}

53% {
    right:40px;
    top:50%;
    opacity:0
}

80% {
    right:25px;
    top:50%;
    opacity:80
}

100% {
    right:20px;
    top:50%;
    opacity:100
}
}

@-o-keyframes btnHover {
0% {
    right:20px;
    top:50%;
    opacity:100
}

30% {
    right:10px;
    top:50%;
    opacity:80
}

50% {
    right:-10px;
    top:50%;
    opacity:0
}

51% {
    right:-10px;
    top:100%;
    opacity:0
}

52% {
    right:40px;
    top:100%;
    opacity:0
}

53% {
    right:40px;
    top:50%;
    opacity:0
}

80% {
    right:25px;
    top:50%;
    opacity:80
}

100% {
    right:20px;
    top:50%;
    opacity:100
}
}

@keyframes btnHover {
0% {
    right:20px;
    top:50%;
    opacity:100
}

30% {
    right:10px;
    top:50%;
    opacity:80
}

50% {
    right:-10px;
    top:50%;
    opacity:0
}

51% {
    right:-10px;
    top:100%;
    opacity:0
}

52% {
    right:40px;
    top:100%;
    opacity:0
}

53% {
    right:40px;
    top:50%;
    opacity:0
}

80% {
    right:25px;
    top:50%;
    opacity:80
}

100% {
    right:20px;
    top:50%;
    opacity:100
}
}

.hr {
    display:block;
    height:1px;
    background:#e3e3e3;
    clear:both;
    position:relative
}

.hr .middle-cover {
    display:block;
    height:1px;
    width:40px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-20px;
    background:#fff
}

.secondary .hr {
    position:relative;
    z-index:1;
    top:-1px;
    left:0;
    display:none
}

@media only screen and (min-width:651px) {
.secondary .hr {
    display:block
}
}

.m-b-30 {
    margin-bottom:30px
}

.m-t-30 {
    margin-top:30px
}

.m-b-15 {
    margin-bottom:15px
}

.m-b-30 {
    margin-bottom:30px
}

.m-t-15 {
    margin-top:15px
}

@media only screen and (max-width:650px) {
.mobile-hide {
    display:none
}

.header nav {
    background: transparent none repeat scroll 0 0;
    /*height: 65px;*/
    
    left: 0;
    line-height: 1.3;
    overflow: auto;
    position: absolute;
    text-align: center;
    top: 85px;
    transition: all 0.3s ease 0s;
    width: 100%;
}
banner .title {padding-top:60px !important;}
}

@media only screen and (min-width:651px) {
.desktop-hide {
    display:none
}
}

::selection {
    background:#2a5d7f;
    color:#fff
}

::-moz-selection {
    background:#2a5d7f;
    color:#666
}
.small {font-size:12px;color:#2a5d7f; }
.title,.heading,.subheading,.smallheading,.sc-heading {
    display:block
}

.title.no-margin,.heading.no-margin,.subheading.no-margin,.smallheading.no-margin,.sc-heading.no-margin {
    margin:0 !important
}

.title.blue,.heading.blue,.subheading.blue,.smallheading.blue,.sc-heading.blue {
    color:#0a3b61
}

.title.white,.heading.white,.subheading.white,.smallheading.white,.sc-heading.white {
    color:#fff
}

.title strong,.heading strong,.subheading strong,.smallheading strong,.sc-heading strong {
    display:block
}

.title .tm,.heading .tm,.subheading .tm,.smallheading .tm,.sc-heading .tm {
    font-weight:400
}



.title {
    font-family:'RionaSans','Gotham SSm A','Gotham SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight:400;
    -:;
    font-size:31px;
    -:;
    font-size:3.1rem;
    text-transform:lowercase;
}

.banner .title {
    color:#fff;
    padding-top:30px
}

@media only screen and (min-width:651px) {
.title {
    -:;
    font-size:52px;
    -:;
    font-size:5.2rem;
}
}

.heading {
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    -:;
    margin-bottom:25px;
    -:;
    margin-bottom:2.5rem;
    line-height:1.4;
    clear:left;
}
h2 {
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    -:;
    margin-bottom:25px;
    -:;
    margin-bottom:2.5rem;
    line-height:1.4;
    clear:left;
    color:#2a5d7f;
}
h3 {
    -:;
    font-size:19px;
    -:;
    font-size:1.8rem;
    -:;
    margin-bottom:25px;
    -:;
    margin-bottom:2.5rem;
    line-height:1.4;
    clear:left;
    color:#2a5d7f;
}
@media only screen and (min-width:651px) {
.heading {
    -:;
    font-size:32px;
    -:;
    font-size:3.2rem;
}
}

.heading.large {
    letter-spacing:-2px
}

.heading.large.thin {
    color:#0a3b61; 
    -:;
    margin-bottom:30px;
    -:;
    margin-bottom:3rem;
}

@media only screen and (min-width:651px) {
.heading.large {
    -:;
    font-size:34px;
    -:;
    font-size:3.4rem;
}
}

.subheading {
    -:;
    font-size:20px;
    -:;
    font-size:2rem;
    line-height:1.2;
    -:;
    margin-bottom:10px;
    -:;
    margin-bottom:1rem;
}

.subheading.large {
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem
}

.smallheading {
    -:;
    font-size:18px;
    -:;
    font-size:1.8rem;
    line-height:1.2;
    -:;
    margin-bottom:10px;
    -:;
    margin-bottom:1rem
}

aside .smallheading, aside .smallheading a {
    -:;
    font-size:12px;
    -:;
    font-size:1.2rem;
    color:#5a8ca7;
    font-weight:500;
    
}

.light {
    font-weight:300;
    font-size:18px;
}

.thin {
    font-weight:200
}

.sc-heading {
    font-family:'RionaSans','Gotham SSm A','Gotham SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif;
    position:relative;
    padding-top:.4em;
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    line-height:1.2;
    -:;
    margin-bottom:20px;
    -:;
    margin-bottom:2rem;
    font-weight:400
}

.sc-heading:before {
    content:"";
    display:block;
    -:;
    width:24px;
    -:;
    width:0;
    height:3px;
    background:#fff;
    position:absolute;
    left:0;
    top:0
}

.blue.sc-heading:before {
    background:#0a3b61
}

.blue.line:before {
    background:#0a3b61
}

.blue-line:before {
    background:#0a3b61
}

.align-center {
    text-align:center
}

.mobile-center {
    text-align:center
}

@media only screen and (min-width:651px) {
.mobile-center {
    text-align:left
}


}

.copy-text,.cke_editable {
    -:;
    font-size:16px;
    -:;
    font-size:1.6rem;
    line-height:1.8;
    color:#727375
}

.copy-text.small,.cke_editable.small {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem
}

.copy-text .heading,.cke_editable .heading {
    color:#425564
}

.copy-text .subheading,.cke_editable .subheading,.copy-text .smallheading,.cke_editable .smallheading {
    -:;
    margin-top:20px;
    -:;
    margin-top:2rem;
    color:#425564
}

.copy-text p,.cke_editable p,.copy-text ul,.cke_editable ul,.copy-text ol,.cke_editable ol {
    font-weight:300;
    -:;
    margin-bottom:20px;
    -:;
    margin-bottom:2rem
}

.copy-text ul,.cke_editable ul,.copy-text ol,.cke_editable ol {
    -:;
    margin-left:20px;
    -:;
    margin-left:2rem;
    list-style-type:disc
}

.copy-text ul li,.cke_editable ul li,.copy-text ol li,.cke_editable ol li {
    -:;
    margin-bottom:5px;
    -:;
    margin-bottom:.5rem
}

.copy-text ol,.cke_editable ol {
    list-style-type:decimal
}

.cke_editable {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem
}

.header {
    position:absolute;
    top:0;
    left:0;
    z-index:18;
    max-width:none;
    -webkit-transition:padding .2s;
    -moz-transition:padding .2s;
    -ms-transition:padding .2s;
    -o-transition:padding .2s;
    transition:padding .2s;
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem
}

.header.fixed {
	visibility:hidden;
}

@media only screen and (min-width:970px) {
.header.fixed {
    display:block;
    position:fixed;
    -:;
    top:-90px;
    -:;
    top:-9rem;
    background:#f6f6f6;
    -webkit-transition:top .3s;
    -moz-transition:top .3s;
    -ms-transition:top .3s;
    -o-transition:top .3s;
    transition:top .3s
    
}

.header.fixed a {
    color:#0a3b61
    
}

.header.fixed.show {
    top:0
    
}

.header.fixed.hide {
    display:none
}
}

.mobile-open .header {
    background:#f6f6f6;
    position:fixed
}

@media only screen and (min-width:970px) {
.mobile-open .header {
    background:transparent
}
}

.header a {
    color:#fff
}

.no-js .header {
    position:relative
}

.header .content {
    padding:20px
}

@media only screen and (min-width:970px) {
.header .content {
    padding-top:30px
}
}

.fixed.header .content {
    padding:10px 20px
    
}

.mobile-open .header .content {
    background:#f6f6f6
}

@media only screen and (min-width:970px) {
.mobile-open .header .content {
    background:transparent
}
}

.header .logo {
    float:left;
    position:relative;
    z-index:2;
    width:190px;
    height:83px;
    display:block;
    background:url(../images/logo.png) no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain
}

.header .logo:hover {
opacity: 0.5;
    transition: opacity 0.25s ease-in-out 0s;


}
.no-svg .header .logo {
    background:url(../images/logo.png) no-repeat
}

.mobile-open .header .logo {
    background-image:url(../images/logo-colour.svg)
}

.no-svg .mobile-open .header .logo {
    background-image:url(../images/logo-colour.png)
}

@media only screen and (min-width:651px) {
.header .logo {
    width:275px;
    height:83px;
    display:block;
    background:url(../images/logo.png) no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain
}

.no-svg .header .logo {
    background:url(../images/logo.png) no-repeat
}

.fixed.header .logo {
    width:130px;
    height:40px;
    display:block;
    background:url(../images/logo-colour.svg) no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain
}

.no-svg .fixed.header .logo {
    background:url(../images/logo-colour.png) no-repeat
}
}

.header .show-menu {
    display:block;
    float:right;
    position:absolute;
    z-index:2;
    font-size:1.6em;
    right:20px;
    top:50%;
    margin-top:-.8em
}

.header .show-menu:before {
    position:relative;
    left:0;
    top:.1em;
    margin-right:.3em;
    font-size:1.3em
}

.no-js .header .show-menu {
    display:none
}


@media only screen and (min-width:970px) {
.header .show-menu {
    display:none
}
}



@media only screen and (min-width:651px) {

/*  
.header nav {
top:95px
}
.header nav {
    line-height:1.3;
    position:fixed;
    top:80px;
    left:0;
    height:0;
    overflow:auto;
    text-align:center;
    width:100%;
    background:#f6f6f6;
    -webkit-overflow-scrolling:touch;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}
*/ 
}

.small-menu .header nav {
    padding-top:65px
}

.fixed.header nav {
    padding-top:5px
}

.no-js .header nav {
    position:relative;
    height:auto;
    text-align:right;
    width:auto;
    padding-top:0
}

.mobile-open .header nav {
    height:100%;
    z-index:1
}

.header nav a {
    text-decoration:none;
    text-transform:uppercase;
    font-weight:500;
    display:block;
    padding:15px;
    -webkit-transition:background .1s;
    -moz-transition:background .1s;
    -ms-transition:background .1s;
    -o-transition:background .1s;
    transition:background .1s;
    color:#0a3b61
}

@media only screen and (min-width:970px) {
.header nav a {
    color:#fff;
    padding:16px
}
}

.header nav a.referral-link {
    margin:0 20px 20px;
    width:auto
}

@media only screen and (min-width:970px) {
.header nav a.referral-link {
    margin:0 10px 0 0;
    float:right
}
}

.header nav .menu-item {
    margin-bottom:0;
    position:relative;
    height:44px;
    overflow:hidden;
    background:#fff;
    border-bottom:1px solid #e3e3e3;
    -webkit-transition:background .3s;
    -moz-transition:background .3s;
    -ms-transition:background .3s;
    -o-transition:background .3s;
    transition:background .3s
}

@media only screen and (min-width:970px) {
.header nav .menu-item {
    background:transparent;
    height:34px;
    border-bottom:0
}
}

.header nav .menu-item.open {
    overflow:visible!important
}

.header nav .menu-item.active>a {
    position:relative;
    top:-1px;
    left:0
}

.header nav .menu-item.active>a:before {
    content:"";
    display:block;
    position:relative;
    top:-5px;
    left:0;
    width:100%;
    height:1px;
    background:#fff
}

.fixed.header nav .menu-item.active>a:before {
    background:#0a3b61
}

.header nav .menu-item.hide-dropdown .sub-menu {
    display:none
}

.header nav .sub-menu {
    position:absolute;
    top:34px;
    left:0;
    width:100%
}

.no-js .header nav .sub-menu {
    height:auto;
    overflow:auto
}

.header nav .sub-menu li {
    opacity:0;
    filter:alpha(opacity=0);
    height:0;
    overflow:hidden
}

.no-js .header nav .sub-menu li {
    height:auto
}

.header nav .sub-menu a {
    color:#2a5d7f
}

@media only screen and (min-width:970px) {
.header nav {
    position:relative;
    height:auto;
    overflow:hidden;
    margin:0 -10px 0 0;
    float:right;
    text-align:left;
    width:auto;
    clear:right;
    background:transparent;
    overflow:visible;
    padding-top:50px;
    top:0;
    -webkit-transition:height 0;
    -moz-transition:height 0;
    -ms-transition:height 0;
    -o-transition:height 0;
    transition:height 0;
    -webkit-transition:margin .2s;
    -moz-transition:margin .2s;
    -ms-transition:margin .2s;
    -o-transition:margin .2s;
    transition:margin .2s
}

.mobile-open .header nav {
    height:auto;
    padding-bottom:0;
    top:0
}

.small-menu .header nav {
    margin-top:0
}

.header nav .show-menu {
    display:none
}

.header nav .menu {
    *zoom:1
}

.header nav .menu:before,.header nav .menu:after {
    display:table;
    content:""
}

.header nav .menu:after {
    clear:both
}

.header nav .menu-item {
    float:left
}

.header nav .menu-item .section-label {
    border-top-right-radius:4px;
    border-top-left-radius:4px
}

.header nav .menu-item.no-submenu .section-label,.header nav .menu-item.hide-dropdown .section-label {
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px
}

.header nav .menu-item.open .section-label,.header nav .menu-item:hover .section-label,.header nav .menu-item:focus .section-label {
    color:#0a3b61;
    background:#f6f6f6
}

.header nav .sub-menu {
    width:200px;
    background:#f6f6f6;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    border-top:1px solid #e5e5e5
}
}

.controls {
    text-align:center;
    width:100%;
    padding:30px 0
}

@media only screen and (min-width:970px) {
.controls {
    padding:0;
    text-align:left;
    display:block;
    width:auto;
    position:absolute;
    top:-5px;
    right:10px
}
}

.fixed .controls {
    display:none
}

.search-button {
   /* padding:0 10px!important; */
    line-height:3;
    float:right;
    margin:0 20px 0 10px;
    display:none!important
}

@media only screen and (min-width:970px) {
.search-button {
    display:block!important
}
}

.mobile-search {
    margin:0 20px;
    width:auto
}

@media only screen and (min-width:970px) {
.mobile-search {
    display:none!important
}
}

.resize {
    float:right;
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    line-height:3;
    -:;
    width:100px;
    -:;
    width:10rem;
    display:none
}

.no-js .resize {
    display:none
}

.resize a {
    padding:0 10px!important;
    text-decoration:none;
    float:right
}

.resize a.original {
    display:none
}

.show-orig.resize a.original {
    display:inline
}

@media only screen and (min-width:970px) {
.resize {
    display:block
}
}

.client-login {
    margin:0 20px 20px;
    width:auto;
    color:#fff
}

.client-login.small {
    display:none
}

@media only screen and (min-width:970px) {
.client-login {
    margin:0 0 20px;
    float:right
}

.client-login.blue {
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none
}

.client-login.xs-show {
    display:none
}

.client-login.small {
    display:inline-block
}
}

.mobile-menu {
    position:absolute;
    top:50%;
    right:20px;
    -:;
    font-size:18px;
    -:;
    font-size:1.8rem;
    -:;
    margin-top:-9px;
    -:;
    margin-top:-.9rem;
    z-index:2;
    text-decoration:none
}

.mobile-open .mobile-menu {
    color:#2a5d7f
}

.mobile-menu:before {
    font-size:1.1em;
    position:relative;
    top:.15em;
    left:-.2em
}

.no-js .mobile-menu {
    display:none
}

@media only screen and (min-width:970px) {
.mobile-menu {
    display:none
}
}

.banner {
    color:#fff;
    background:#2a5d7f url(../images/mobile-content-bn.jpg) no-repeat center top;
    background-size:cover
}

.template-index .banner {
    background:#2a5d7f url(../images/index-mobile.jpg) no-repeat center top;
    background-size:cover
}

.type-news .banner {
    background-image:url(../images/news-mobile.jpg)
}

.section-new-businesses .banner {
    background-image:url(../images/new-businesses-mobile.jpg)
}

@media only screen and (min-width:651px) {
.banner {
    background-image:url(../images/general.jpg)
}

.template-index .banner {
    background-image:url(../images/index.jpg)
}

.type-news .banner {
    background-image:url(../iamges/news.jpg)
}

.section-new-businesses .banner {
    background-image:url(../images/new-businesses.jpg)
}
}

.banner .content {
    padding:100px 20px 50px
}

.template-index .banner .content {
    padding-bottom:150px
}

@media only screen and (min-width:651px) {
.banner .content {
    padding-top:150px
}
}

@media only screen and (min-width:801px) {
.banner .title {
    width:80%
}
}

.banner .opening-statement {
    line-height:1.3;
    -:;
    font-size:18px;
    -:;
    font-size:1.8rem;
    padding:30px 0;
    display:block;
    font-weight:300;
    letter-spacing:-1px
}

@media only screen and (min-width:651px) {
.banner .opening-statement {
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    width:72%;
    float:right
}
}

.banner .btn {
    clear:both;
    float:right;
    width:100%
}

@media only screen and (min-width:651px) {
.banner .btn {
    width:auto
}
}

.footer a {
    text-decoration:none
}

.footer-top {
    background:#0a3b61 url(../images/watermark-blue.jpg) no-repeat 120% bottom;
    color:#fff;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    padding:30px 0
}

.footer-top .logo {
    width:70px;
    height:58px;
    display:block;
    background:url(../images/logo.png) no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    background-size:cover;
    margin:0 auto 20px
}

.no-svg .footer-top .logo {
    background:url(../images/logo.png) no-repeat
}

@media only screen and (min-width:651px) {
.footer-top .logo {
    margin:0 0 20px;
    position:absolute;
    top:0;
    left:20px
}
}

.footer-top .newsletter-signup {
    border-top:1px solid #3b6281;
    padding:10px 0 20px
}

.footer-top .newsletter-signup p {
    padding:10px 30px 0;
    text-align:center;
    text-transform:uppercase;
    line-height:1.5
}

@media only screen and (min-width:651px) {
.footer-top .newsletter-signup p {
    text-align:left;
    /*padding:13px 10px 0 16%*/
}
}

@media only screen and (min-width:651px) {
.footer-top .newsletter-signup {
    border-top:0;
   /* border-bottom:1px solid #3b6281; */
    padding-bottom:30px
}
}

.footer-top .newsletter-signup .newsletter-container {
    padding:0 65px 0 0;
    position:relative;
    margin-top:20px
}

@media only screen and (min-width:651px) {
.footer-top .newsletter-signup .newsletter-container {
    margin-top:0;
    padding-left:30px
}
}

.footer-top .newsletter-signup .newsletter-submit {
    position: absolute;
    right: 30px;
    top: -6px;
}

.footer-top .newsletter-signup .btn:before {
    color:#0a3b61
}

.footer-top .newsletter-email {
    position:relative
}

.footer-top .newsletter-email:before {
    position:absolute;
    top:50%;
    left:15px;
    font-size:1.5em;
    color:#8ca4b7;
    z-index:2
}

.footer-top .ca {
    width:114px;
    height:37px;
    display:block;
    background:url(../images/ca.svg) no-repeat;
    -webkit-background-size:contain;
    -moz-background-size:contain;
    -o-background-size:contain;
    background-size:contain;
    float:left
}

.no-svg .footer-top .ca {
    background:url(../images/ca.png) no-repeat
}

.footer-top nav {
    display:none
}

.footer-top nav ul {
    *zoom:1
}

.footer-top nav ul:before,.footer-top nav ul:after {
    display:table;
    content:""
}

.footer-top nav ul:after {
    clear:both
}

@media only screen and (min-width:651px) {
.footer-top nav {
    display:block;
    *zoom:1;
    padding:30px 0;
    clear:both
}

.footer-top nav:before,.footer-top nav:after {
    display:table;
    content:""
}

.footer-top nav:after {
    clear:both
}

/*.footer-top nav .menu-item {
    float:left;
    width:16.285714286%;
    padding-right:15px
}*/
.footer-top nav .menu-item.home {
    display:none
}

.footer-top nav .menu-item.about {
    width:16%
}

.footer-top nav .menu-item.existing-business {
    width:19%
}

.footer-top nav .menu-item.new-business {
    width:16%
}

.footer-top nav .menu-item.private-client {
    width:16%
}

.footer-top nav .menu-item.news {
    width:8%
}

.footer-top nav .menu-item.contact {
    width:10%
}

.footer-top nav a {
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    color:#5a8ca7;
    display:block
}

.footer-top nav a.section-label {
    color:#fff;
    text-transform:uppercase;
    font-weight:700;
    -:;
    margin-bottom:10px;
    -:;
    margin-bottom:1rem
}

/*.footer-top nav a.submenu-link {
    -:;
    font-size:12px;
    -:;
    font-size:1.2rem;
    text-transform:lowercase;
    padding:.4em 0
}
*/

.footer-top nav a:hover {
    color:#fff
}
}

.footer-top .linkedin {
    float:left;
    display:block;
    margin:8px 0 0 40px
}

.footer-top .liability {
    padding-top:15px;
    color:#eee;
    -:;
    font-size:12px;
    -:;
    font-size:1.2rem
}

.footer-base {
    text-align:center;
    padding:20px 0 19px;
    color:#0a3b61
}

@media only screen and (min-width:801px) {
.footer-base {
    text-align:left;
    padding:15px 0
}
}

.footer-base a {
    color:#0a3b61
}

.footer-base a span {
    color:#5a8ca7
}

.footer-base ul {
    padding-bottom:10px
}

.footer-base ul a {
    display:block;
    padding:10px 0;
    color:#5a8ca7;
    text-transform:lowercase;
    -:;
    font-size:12px;
    -:;
    font-size:1.2rem
}

@media only screen and (min-width:801px) {
/*   

.footer-base ul {
    position:absolute;
    top:0;
    left:50%;
    margin-left:-210px;
    width:470px
}
*/
.footer-base ul li {
    float:left
}
 
.footer-base ul a {
    padding:0 20px
}
}

.footer-base .jb,.footer-base .copyright {
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    font-weight:500;
    float: left;
}

@media only screen and (min-width:801px) {
.footer-base .jb,.footer-base .copyright {
    -:;
    font-size:12px;
    -:;
    font-size:1.2rem;
    float:right
}
}

.footer-base .copyright {
    margin-bottom:10px
}

@media only screen and (min-width:801px) {
.footer-base .copyright {
    float:left;
    margin-bottom:0
}
}

.blue-strip {
    background:#0a3b61 url(../images/watermark-blue.jpg) no-repeat 360px -180px;
    color:#fff;
    padding:30px 0;
    text-align:center
}

@media only screen and (min-width:651px) {
.blue-strip {
    text-align:left
}

.blue-strip .btn {
    float:right;
    margin-right:10%
}
}

.call {
    -:;
    font-size:18px;
    -:;
    font-size:1.8rem;
    display:block;
    font-weight:300;
    padding-top:30px;
    margin-bottom:15px
}

.template-index .call {
    padding-top:0
}

@media only screen and (min-width:651px) {
.call {
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    padding-top:0;
    line-height:2.1;
    float:left;
    margin-left:10%;
    margin-bottom:0
}
}

@media only screen and (min-width:651px) {
.call.desktop-hide {
    display:none
}
}

.call.mobile-hide {
    display:block
}

@media only screen and (max-width:650px) {
.call.mobile-hide {
    display:none
}
}

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

.breadcrumbs {
    -:;
    padding-bottom:15px;
    -:;
    padding-bottom:1.5rem
}

.main {
    padding:30px 0 60px;
    -:;
    font-size:16px;
    -:;
    font-size:1.6rem;
    line-height:1.3
}

.template-index .main {
    padding-bottom:40px
}

.it-desc {
    line-height:1.6
}

@media only screen and (min-width:651px) {
.it-desc {
    padding:0 50px
}
}

.feature_img {
    margin:20px auto;
    display:block
}

@media only screen and (min-width:651px) {
.feature_img {
    float:left;
    margin:10px 20px 20px 0
}
}

aside {
    padding-top:30px
}

@media only screen and (min-width:651px) {
aside {
    padding-top:0
}
}

aside .btn {
    display:block;
    padding:17px 30px 16px;
    text-align:left;
    position:relative;
    -:;
    margin-bottom:10px;
    -:;
    margin-bottom:1rem
}

aside .btn:before {
    position:absolute;
    top:50%;
    right:20px;
    -:;
    margin-top:-5px;
    -:;
    margin-top:-.5rem
}

aside .btn.active {
    background:#5a8ca7;
    background-color: #7caec9
}

.template-news aside {
    text-align:center;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem
}

aside .hr {
    margin:30px 0
}

aside .img-container {
    margin-bottom:20px
}

aside .tag {
    color:#5a8ca7;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    display:block;
    line-height:1.6;
    text-transform:lowercase
}

.existing-businesses aside .li-existing-businesses {
    display:none
}

.new-businesses aside .li-new-businesses {
    display:none
}

.private-clients aside .li-private-clients {
    display:none
}

.template-index .news-items {
    padding:40px 0 160px
}

.news-items .view-more {
    display:inline-block
}

.circle-row {
    text-align:center;
    background:#f6f6f6;
    margin:30px 0 60px;
    position:relative;
    padding:50px 15px 15px;
    display:block;
    text-decoration:none;
    *zoom:1;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.circle-row:before,.circle-row:after {
    display:table;
    content:""
}

.circle-row:after {
    clear:both
}

.circle-row.ajax-loaded {
    opacity:0;
    filter:alpha(opacity=0)
}

@media only screen and (min-width:651px) {
.circle-row {
    background:#fff;
    margin-bottom:20px;
    padding-top:20px;
    padding-left:225px;
    padding-bottom:0
}

.circle-row:hover {
    background:#f6f6f6
}

.circle-row:hover .article-info {
    border-bottom-color:#f6f6f6
}

.feature-articles .circle-row {
    width:48%;
    padding-left:120px;
    float:right;
    margin-bottom:0;
    padding-bottom:0;
    z-index:0
}

.feature-articles .circle-row:first-child {
    float:left
}

.feature-articles .circle-row:hover {
    z-index:2
}
}

.circle-row .circle-container {
    width:60px;
    height:60px;
    position:absolute;
    top:-30px;
    left:50%;
    margin-left:-30px;
    background-position:center;
    background-size:cover;
    border-radius:50%
}

.circle-row .circle-container .circle {
    width:100%;
    height:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    background:#e3e3e3;
    display:block;
    color:#727375;
    text-align:center;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    line-height:60px
}

@media only screen and (min-width:651px) {
.circle-row .circle-container .circle {
    line-height:90px
}
}

@media only screen and (min-width:651px) {
.circle-row .circle-container {
    text-align:right;
    top:20px;
    left:100px;
    margin-bottom:20px;
    margin-left:0;
    width:90px;
    height:90px
}

.feature-articles .circle-row .circle-container {
    left:20px
}
}

.circle-row .post-info {
 	font-weight: bold;
    text-transform: uppercase;
    color:#727375;
    display:block;
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    -:;
    margin-bottom:15px;
    -:;
    margin-bottom:1.5rem
}

.circle-row header {
    font-weight:200;
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    color:#5a8ca7;
    line-height:1.2
}

.circle-row .article-info {
    position:relative
}

.circle-row .article-info.icon-download:before {
    -:;
    font-size:20px;
    -:;
    font-size:2rem;
    position:absolute;
    -:;
    bottom:-25px;
    -:;
    bottom:-2.5rem;
    right:0;
    width:100%;
    text-align:center
}

@media only screen and (min-width:651px) {
.circle-row .article-info.icon-download: before {
    bottom:50%;
    width:auto;
    right:20px
}
}

@media only screen and (min-width:651px) {
.circle-row .article-info {
    border-bottom:1px solid #e3e3e3;
    min-height:140px;
    -:;
    padding-bottom:30px;
    -:;
    padding-bottom:3rem
}

.feature-articles .circle-row .article-info {
    border-bottom:0
}

.download.circle-row .article-info {
    min-height:100px
}
}

.circle-row .article-info p,.circle-row .article-info .link {
    margin-bottom:.5em;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem
}

.circle-container-full {
    width:157px;
    height:157px;
    background-position:center;
    background-size:cover;
    border-radius:50%;
    display:block;
    margin:0 auto
}

.news-list {
    position:relative
}

.news-list .slide {
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    width:100%;
    z-index:1
}

.news-list .slide:first-child {
    position:relative;
    z-index:2
}

.no-js .news-list .slide {
    position:relative
}

@media only screen and (min-width:651px) {
.news-list.listing {
    width:86%;
    float:right
}
}

.tags-list {
    padding-bottom:30px;
    padding-top:0
}

@media only screen and (min-width:651px) {
.tags-list {
    padding-top:30px;
    float:left;
    width:14%
}
}

.pagination .btn {
    padding:18px 26px
}

.pagination .btn:before {
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    right:22px
}

.pagination .prev {
    float:left
}

.pagination .prev:before {
    right:24px
}

.pagination .next {
    float:right
}

.pagination .pages {
    text-align:center;
    padding:10px 60px 0;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem
}

.pagination .pages a {
    text-decoration:none;
    padding:0 10px;
    color:#5a8ca7
}

.pagination .pages a.cycle-pager-active {
    color:#0a3b61
}

.secondary {
    padding:30px 0
}

.secondary .hr {
    margin-top:30px
}

.secondary .contact-info .call {
    margin-left:0
}

.grey_bg {
    background:#f6f6f6
}

@media only screen and (min-width:651px) {
.grey_bg.secondary,.grey_bg.index-contact {
    background:#f6f6f6 url(../images/watermark-grey.jpg) no-repeat -50px center
}
}

.icon-search:before {
    font-size:1.5em
}

.larger-map {
    color:#5a8ca7;
    text-transform:uppercase;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    text-decoration:none;
    display:block;
    margin-top:20px;
    font-weight:500
}

.index-contact {
    padding:0 0 60px
}

.contact-details .hr {
    width:60%;
    margin:30px auto
}

.contact-links {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem
}

.template-contact .contact-links {
    width:100%;
    text-align:center;
    font-weight:200
}

@media only screen and (min-width:651px) {
.template-contact .contact-links {
    -:;
    font-size:22px;
    -:;
    font-size:2.2remrem
}
}

@media only screen and (min-width:801px) {
.template-contact .contact-links {
    text-align:left;
    padding:30px 0
}

.template-contact .contact-links li {
    float:left;
    text-align:center;
    width:30%
}

.template-contact .contact-links .email {
    width:46%
}

.template-contact .contact-links .phone {
    width:28%
}

.template-contact .contact-links .fax {
    width:25%
}
}

.contact-links li {
    -:;
    margin-bottom:8px;
    -:;
    margin-bottom:.8rem;
    position:relative
}

.contact-links a {
    color:#0a3b61;
    word-wrap:break-word
}

.contact-links a:hover {
    color:#5a8ca7
}

.contact-links .icon {
    position:relative;
    font-weight:300;
    line-height:1.2;
    color:#000;
    padding-left:2.2em
}

.contact-links .icon:before {
    font-size:1.4em;
    position:absolute;
    top:0;
    left:0;
    color:#0a3b61
}

.template-contact address {
    clear:both;
    text-align:center;
    font-style:normal;
    font-weight:200;
    -:;
    font-size:24px;
    -:;
    font-size:2.4rem;
    color:#0a3b61;
    padding-top:30px;
    color:#425564
}

@media only screen and (min-width:651px) {
.template-contact address {
    -:;
    font-size:34px;
    -:;
    font-size:3.4rem
}
}


@media only screen and (min-width:651px) {
.template-404 .search-query {
    width:40%
}

.template-404 .search-submit {
    width:20%;
    padding-left:30px
}
}

.related-boxes {
    padding:30px 0 0
}

.staff-member img {
    display:block;
    margin:0 auto
}

.staff-member .sc-heading {
    margin-bottom:0
}

.staff-member .staff-position {
    display:block;
    margin-bottom:10px
}

.share {
    display:block;
    text-transform:uppercase;
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    clear:both;
    font-weight:500;
    margin-bottom:15px
}

.IN-widget {
    clear:both
}

.comments .comment {
    background:#f6f6f6;
    margin-left:50px;
    padding:20px 30px 10px;
    position:relative
}

.comments .comment:before {
    -:;
    font-size:15px;
    -:;
    font-size:1.5rem;
    position:absolute;
    top:10px;
    left:-40px
}

.comments .comment .comment-info {
    -:;
    font-size:11px;
    -:;
    font-size:1.1rem;
    display:block;
    margin-bottom:1em;
    color:#727375
}

.breadcrumbs {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    text-transform:lowercase;
    padding-bottom:20px
}

.breadcrumbs a,.breadcrumbs .link {
    color:#5a8ca7
}

.breadcrumbs a:hover,.breadcrumbs .link:hover {
    color:#0a3b61
}

.breadcrumbs .icon-arrow-right {
    padding:0 5px
}

@media only screen and (min-width:651px) {
.breadcrumbs {
    padding-bottom:50px
}
}

.primary-boxes {
    margin-top:-120px
}

.secondary-boxes {
    margin-top:-140px;
    margin-bottom:30px
}

.box-wrap {
    margin-bottom:50px
}

.box {
    color:#fff;
    text-align:left;
    position:relative;
    overflow:hidden;
    margin:0 auto;
    max-width:306px;
    background:url(../images/new-businesses.jpg) no-repeat center top;
    background-size:contain;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    z-index:1
}

.box.existing-business {
    background-image:url(../images/existing-businesses.jpg)
}

.box.existing-business .hover-loader {
    background-image:url(../images/existing-businesses-hover.jpg)
}

.box.private-client {
    background-image:url(../images/private-clients.jpg)
}

.box.private-client .hover-loader {
    background-image:url(../images/private-clients-hover.jpg)
}

.box.case-studies {
    background-image:url(../images/case-studies.jpg)
}

.box.case-studies .hover-loader {
    background-image:url(../images/case-studies-hover.jpg)
}

.box.our-staff {
    background-image:url(../images/our-staff.jpg)
}

.box.our-staff .hover-loader {
    background-image:url(../images/our-staff-hover.jpg)
}

.box.work-for-us {
    background-image:url(../images/work-for-us.jpg)
}

.box.work-for-us .hover-loader {
    background-image:url(../images/work-for-us-hover.jpg)
}

.box .hover-loader {
    background-image:url(../images/new-businesses-hover.jpg)
}

.box a {
    color:#5a8ca7;
    padding:1px 0;
    display:block;
    -:;
    font-size:18px;
    -:;
    font-size:1.8rem;
    line-height:1.4
}

.box a:hover {
    color:#0a3b61
}

.box .sc-heading {
    position:absolute;
    bottom:20px;
    left:30px;
    margin-bottom:0
}

.box .box-links {
    padding:0 30px;
    margin-top:10px
}

.box .hover-img {
    display:none
}

.box .front {
    padding-bottom:68.627451%;
    position:relative
}
@media only screen and (max-width:650px) {
banner .title {
    padding-top:60px;
}
}
@media only screen and (min-width:651px) {
.box {
    padding-bottom:68.627451%
}

.box .front,.box .back {
    position:absolute;
    padding:0;
    left:30px;
    bottom:0;
    -webkit-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    -moz-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    -ms-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    -o-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    transition:.4s cubic-bezier(0.165,0.84,0.44,1)
}

.box .back {
    bottom:-100%;
    -webkit-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    -moz-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    -ms-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    -o-transition:.4s cubic-bezier(0.165,0.84,0.44,1);
    transition:.4s cubic-bezier(0.165,0.84,0.44,1)
}

.box .box-links {
    padding-left:0
}

.box .sc-heading {
    top:0;
    left:0;
    position:relative;
    margin-bottom:20px
}

.box .box-links {
    left:0;
    margin-top:30px;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s
}

.box a {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase
}

.box a:hover {
    color:#f39424;
    color: #ffb64f;
    font-weight: bold
}

.box:hover,.box:focus,.box.active {
    background-image:url(../images/new-businesses-hover.jpg);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1)
}

.existing-business.box:hover,.existing-business.box:focus,.existing-business.box.active {
    background-image:url(../images/existing-businesses-hover.jpg)
}

.private-client.box:hover,.private-client.box:focus,.private-client.box.active {
    background-image:url(../images/private-clients-hover.jpg)
}

.box:hover.case-studies,.box:focus.case-studies,.box.active.case-studies {
    background-image:url(../images/case-studies-hover.jpg)
}

.box:hover.our-staff,.box:focus.our-staff,.box.active.our-staff {
    background-image:url(../images/our-staff-hover.jpg)
}

.box:hover.work-for-us,.box:focus.work-for-us,.box.active.work-for-us {
    background-image:url(../images/work-for-us-hover.jpg)
}

.box:hover .front,.box:focus .front,.box.active .front {
    bottom:100%;
    opacity:0;
    filter:alpha(opacity=0)
}

.box:hover .back,.box:focus .back,.box.active .back {
    bottom:0;
    margin-bottom:20px;
    -webkit-transform:translate(0,0,200px);
    -moz-transform:translate(0,0,200px);
    -ms-transform:translate(0,0,200px);
    -o-transform:translate(0,0,200px);
    transform:translate(0,0,200px)
}
}

form label {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    -:;
    margin-bottom:5px;
    -:;
    margin-bottom:.5rem;
    display:block;
    padding-left:15px;
    font-weight:700
}

form.hide-labels label {
    visibility:hidden;
    overflow:hidden;
    height:0;
    margin:0;
    padding:0
}

form.hide-labels .btn {
    margin:0
}

form div {
    position:relative
}

form .col {
    -:;
    margin-bottom:30px;
    -:;
    margin-bottom:3rem
}

.comments form .col>div {
    -:;
    margin-bottom:30px;
    -:;
    margin-bottom:3rem
}

form .honey {
    width:0;
    height:0;
    overflow:hidden
}

form .btn {
    -:;
    margin-top:18px;
    -:;
    margin-top:1.8rem
}

input,textarea,.customSelect,select {
    -webkit-transition:background .3s;
    -moz-transition:background .3s;
    -ms-transition:background .3s;
    -o-transition:background .3s;
    transition:background .3s;
    background:transparent;
    border:1px solid #e3e3e3;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    padding:.5em;
    width:90%;
    max-width:90%;
    background-position:70% center;
    background-repeat:no-repeat;
    font-family:'Gotham SSm A','Gotham SSm B',"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-size:15px;
    color:#000;
}

input:-moz-placeholder,textarea:-moz-placeholder,.customSelect:-moz-placeholder,select:-moz-placeholder {
    color:#727375
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder,.customSelect:-ms-input-placeholder,select:-ms-input-placeholder {
    color:#727375
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,.customSelect::-webkit-input-placeholder,select::-webkit-input-placeholder {
    color:#727375
}

footer input,footer textarea,footer .customSelect,footer select {
    margin-bottom:0;
    color:#fff;
    border:1px solid #5a8ca7
}

footer input:-moz-placeholder,footer textarea:-moz-placeholder,footer .customSelect:-moz-placeholder,footer select:-moz-placeholder {
    color:#fff
}

footer input:-ms-input-placeholder,footer textarea:-ms-input-placeholder,footer .customSelect:-ms-input-placeholder,footer select:-ms-input-placeholder {
    color:#fff
}

footer input::-webkit-input-placeholder,footer textarea::-webkit-input-placeholder,footer .customSelect::-webkit-input-placeholder,footer select::-webkit-input-placeholder {
    color:#fff
}

.customSelect {
    border-color:#cccdcf;
    color:#727375
}

input:focus,textarea:focus,.customSelect:focus,select:focus {
    border:1px solid #727375
}

input.error,textarea.error,.customSelect.error,select.error {
    border-color:red;
    background-color:#ffb5bc;
    background-position:95% center;
    background-image:url(../images//failed.svg)
}

.no-svg input.error,.no-svg textarea.error,.no-svg .customSelect.error,.no-svg select.error {
    background-image:url(../images//failed.png)
}

input.valid,textarea.valid,.customSelect.valid,select.valid {
    border-color:#14c720;
    background-color:#9afb9e;
    background-position:95% center;
    background-image:url(../images/passed.svg)
}

.no-svg input.valid,.no-svg textarea.valid,.no-svg .customSelect.valid,.no-svg select.valid {
    background-image:url(../images/passed.png)
}

input.email-addr,textarea.email-addr,.customSelect.email-addr,select.email-addr {
    text-align:center
}

textarea {
    height:138px;
    clear:both
}

textarea.error {
    background-position:98% center
}

textarea.valid {
    background-position:98% center
}

.form-error,form ul {
    -:;
    font-size:13px;
    -:;
    font-size:1.3rem;
    line-height:1.2;
    display:block;
    margin-top:5px;
    color:red;
    position:absolute;
    top:100%;
    left:0
}

.submit-wrap {
    float:left;
    clear:both
}

select {
    width:100%!important;
    height:40px!important;
    z-index:2;
    cursor:pointer;
    display:block;
    -webkit-appearance:select
}

@media screen and (max-width: 650px) {
.award-seal {
    display: block;
    margin: 52px auto 0;
    text-align: center;
     float: none;
}  

nav select {
    background-color: white 
}
}