@charset "UTF-8";
/* CSS Document */

@media all {

body, html {
	height:100%;
	margin:0;
	padding:0;
	background:#000;
	color:#FFF;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	line-height:24px;
	font-weight:500;
}

a:link, a:visited, a:active, a:hover {
	color: #00aeef;
	text-decoration: none;
}
a:hover {
	color: #FFF;
}
hr {
	display:block;
	border:none;
	width:100%;
	height:1px;
	color:#00aeef;
	background-color:#00aeef;
}

h1, h2, h3, h4, h5, h6, .headline {
	font-family: 'Rosarivo', serif;
	color:#00aeef;
	font-size:28px;
	line-height:32px;
	font-weight:500;
}
h1, h2, h3, h4, h5, h6 {
	margin:24px 0;
}
p {
	margin:18px 0;
	font-size:16px;
	line-height:24px;
}
.subhead {
	font-family: 'Rosarivo', serif;
	color:#00aeef;
	font-size:20px;
	line-height:26px;
}

ul, ol {
	margin:0 0 18px;
	padding:0;
}
li {
	margin:0 0 0 18px;
	padding:0;
}

.serif {
	font-family: 'Rosarivo', serif;
	font-weight:500;
}

.gradient {
	position:fixed;
	z-index:1;
	width:100%;
	height:100%;
	background: -webkit-linear-gradient(#444, #000); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#444, #000); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#444, #000); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#444, #000); /* Standard syntax */
}

.grid {
	position:fixed;
	z-index:2;
	width:100%;
	height:100%;
	background-image:url(../links/grid.png);
}



/* NAV WRAPPER */
.nav-wrapper {
	position:fixed;
	z-index:1000;
	width:100%;
	height:100px;
	text-align:center;
	background:url(../links/bg-SWA.png) top right no-repeat #00aeef;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .75);
}

/* LOGO */
a.nav-logo {
	display:block;
	position:absolute;
	z-index:1002;
	top:0;
	left:0;
	width:320px;
	height:200px;
	background:url(../links/sw-associates-logo-wt.png) no-repeat center;
	background-size:300px;
}

/* NAV RIGHT */
.nav-right {
	display:block;
	position:absolute;
	z-index:1001;
	top:20px;
	right:15px;
}

/* SLOGAN / PHONE */
.nav-slogan {
	padding:15px;
	font-size:18px;
	line-height:20px;
}
.nav-slogan span {
	display:inline-block;
	vertical-align:middle;
}
.phone {
	display:inline-block;
	vertical-align:middle;
	width:30px;
	height:30px;
	border-radius:25px;
	background:url(../links/contact/phone.png) no-repeat center #000;
	background-size:20px;
}

/* SOCIAL */
.social {
	display:inline-block;
	vertical-align:middle;
}
.social a {
	display:block;
	position:relative;
	float:left;
	width:36px;
	height:36px;
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(219,219,219,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.social a:hover {
	background:#CCC;
}
.social a:after {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	background:no-repeat center;
	background-size:30px;
}
a.facebook:after {background-image:url(../links/social/facebook.png);}
a.houzz:after {background-image:url(../links/social/houzz.png);}
a.linkedin:after {background-image:url(../links/social/linkedin.png);}
a.google:after {background-image:url(../links/social/google.png);}

/* NAV-RESPONSIVE */
.nav-collapse {
	display:inline-block;
	vertical-align:middle;
	padding:0 16px;
	font-size:16px;
	line-height:16px;
	background:#000;
}
.nav-collapse a {
	display:inline-block;
	padding:10px 8px ;
	color:#FFF;
	text-decoration:none;
}
.nav-collapse a:hover {
	color:#00aeef;
}




/* TOGGLE */
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  overflow: hidden;
  zoom: 1;
}
.nav-collapse.opened {
  max-height: 9999px;
}
.disable-pointer-events {
  pointer-events: none !important;
}
.nav-toggle {
	display:inline-block;
	vertical-align:middle;
	padding:10px 10px 10px 40px;
	color:#FFF;
	font-size:16px;
	line-height:16px;
	text-decoration:none;
	background:url(../links/toggle.png) center left no-repeat #000;
	background-size:20px;
	background-position:10px;
}



/* NAV DROP */

.btn-nav-drop {
	display:inline-block;
	position:fixed;
	z-index:999;
	height:20px;
	margin:10px 15px;
	padding:10px 10px 10px 45px;
	color:#FFF;
	font-size:20px;
	line-height:20px;
	background:url(../links/btn/arrowdown.png) center left no-repeat #00aeef;
	background-size:25px;
	background-position:10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .75);
	cursor:pointer;
}
.nav-drop {
	position:fixed;
	z-index:1000;
	top:-225px;
	width:100%;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.btn-nav-drop:hover + .nav-drop, .nav-drop:hover {
	top:0;
}



/* SUBNAV */

.subnav {
	position:absolute;
	z-index:600;
	width:100%;
	padding:200px 0 20px;
	font-size:18px;
	line-height:20px;
	font-weight:300;
	background-color:rgba(0,0,0,.5);
	background-repeat:no-repeat;
	background-position:bottom right;
}
.subnav img {
	padding:0 30px;
}
.subnav a {
	color: #00aeef;
	font-weight:400;
	margin-bottom:-5px;
	padding:5px 10px;
	border-left:solid 1px #666;
}
.subnav a:hover {
	color: #FFF;
}
.subnav-title {float:left;padding-left:30px;}
.subnav-spacer {height:75px;}



/* BODY */

.wrapper {
	position:relative;
	z-index:500;
	width:100%;
	min-height:400px;
	padding-top:200px;
	background:url(../links/bg-SWA.png) top right no-repeat;
}

.content {
	max-width:1200px;
	min-height:300px;
	margin:0 auto;
	padding:0 50px;
}

.two-third, .one-half, .one-third, .one-fourth {
	float:left;
	margin:0 auto;
	padding:0;
}
.two-third {width:66%;}
.one-half {width:50%;}
.one-third {width:33%;}
.one-fourth {width:25%;}

.flip-x {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.shadow {
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .75);
}

.responsive img {
	width:300px;
	height:auto;
}



/* BUTTONS */

.arrow {
	position:absolute;
	display:inline-block;
	padding-top:175px;
}
.arrow img {
	opacity:.5;
	padding:25px 10px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.arrow img:hover {
	opacity:1;
}



/* BUTTONS */

.btn a {
	display:inline-block;
	margin:20px 0;
	padding:10px 25px 10px 15px;
	background: rgb(219,219,219); /* Old browsers */
	background: -moz-linear-gradient(45deg,  rgba(219,219,219,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgba(219,219,219,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgba(219,219,219,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.btn a:hover {
	color:#000;
}

.thumb {
	text-align:center;
}
.thumb div {
	display:inline-block;
	vertical-align:top;
	width:200px;
	height:200px;
	margin:0 10px 25px;
	background-color:#00aeef;
	box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, .75);
	overflow:hidden;
}
.thumb div a {
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	background-size:cover;
	background-position:center;
}
.thumb div a:hover {
	opacity:.75;
}
.thumb div li {
	display:block;
	width:100%;
	margin:0 0 5px;
	padding:10px 0;
	list-style:none;
	font-size:20px;
	line-height:20px;
	color:#000;
	background-color:rgba(0,174,239,.85);
    -webkit-transition: all 125ms ease-in;
    transition: all 125ms ease-in;
}
.thumb div:hover li {
	padding:20px 0 10px;
}

.thumb-lg {
}
.thumb-lg div {
	width:30%;
	height:250px;
}
.thumb-lg div a {
}
.thumb-lg div li {
}
.thumb-lg div:hover li {
}



/* PORTFOLIO */

.portfolio-headline {
	font-size:20px;
	line-height:20px;
	margin:0 0 25px;
	padding:0 0 10px;
	border-bottom:solid 1px #00aeef;
}



/* SIDEBAR */

.sidebar {
	float:right;
	width:30%;
}
.testimonial {
	padding:0 0 25px;
	background:url(../links/quote-1.png) top left no-repeat;
	background-size: 120px;
}
.client-quote {
	min-height:80px;
	padding:40px 30px 0;
	background:url(../links/quote-2.png) bottom right no-repeat;
	background-size: 131px;
}
.client-name {
	margin:25px 0 0;
	padding:25px 0 0;
	background:url(../links/line-testimonial.png) top center no-repeat;
	background-size:450px;
	color:#00aeef;
	font-size:18px;
}



/* BOTTOM */

.bottom {
	width:100%;
	padding:100px 0 20px;
	font-size:14px;
	line-height:24px;
}
.bottom-logo {
	float:right;
	padding:0 30px 0 0;
	font-size:12px;
	line-height:32px;
}
.bottom-left {
	float:left;
	padding:0 0 0 30px;
}
.bottom-links {
	display:inline-block;
	margin:5px 0 10px;
}
.bottom-links a {
	display:inline-block;
	padding:5px 10px 5px 0 ;
	color:#00aeef;
	font-size:16px;
	line-height:16px;
	text-decoration:none;
}
.bottom-links a:hover {
	color:#FFF;
}
.bottom-associates {
	margin:20px 0 0;
	padding:30px 0;
}
.bottom-associates a {
	display:inline-block;
	margin:5px;
	background:#00aeef;
}
.bottom-associates a img {
	display:inline-block;
	vertical-align:middle;
	width:auto;
	height:55px;
	opacity:1;
}
.bottom-associates a:hover img {
	opacity:.5;
}

}




@media all and (max-width: 1050px)
{
/* LOGO */
a.nav-logo {
	width:160px;
	height:80px;
	background-size:150px;
}

/* NAV RIGHT */
.nav-right {
	right:0;
	width:100%;
}

/* SLOGAN / PHONE */
.nav-slogan {
	text-align:right;
}



/* NAV DROP */

.btn-nav-drop {
	display:none;
}
.nav-drop {
	display:none;
}



/* SUBNAV */
.subnav {display:none;}
.subnav-spacer {display:none;}



/* BODY */
.wrapper {
	padding-top:140px;
	background:url(../links/bg-SWA.png) top center no-repeat;
}

.content {
	padding:0 20px;
}

.two-third, .one-half {
	float:none;
	width:100%;
}
.one-fourth {
	width:50%;
}



/* BUTTONS */

.arrow {
	padding-top:100px;
}



/* BUTTONS */

.thumb div {
	width:150px;
	height:150px;
	margin:0 5px 15px;
}
.thumb div li {
	font-size:15px;
	line-height:15px;
}

.thumb-lg div {
	width:30%;
	height:200px;
	margin:0 5px 15px;
}
.thumb-lg div li {
	font-size:20px;
	line-height:20px;
}



/* SIDEBAR */

.sidebar {
	float:none;
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding:50px 0 0;
}



/* BOTTOM */

.bottom-logo {
	float:none;
	margin:0 auto;
	padding:0;
}
.bottom-left {
	float:none;
	margin:0 auto;
	padding:0;
	text-align:center;
}
}




@media all and (max-width: 750px)
{

h1, h2, h3, h4, h5, h6, .headline {
	font-size:20px;
	line-height:26px;
}
html, body, p {
	font-size:12px;
	line-height:18px;
}
.subhead {
	font-size:15px;
	line-height:20px;
}

/* LOGO */
a.nav-logo {
	width:100%;
}

/* NAV RIGHT */
.nav-right {
	top:85px;
}

/* SLOGAN / PHONE */
.nav-slogan {
	display:none;
}

/* NAV-RESPONSIVE */
.nav-collapse {
	display:block;
	padding:0;
}
.nav-collapse a {
	display:block;
	background:#222;
}
.nav-collapse a {
	border-bottom:solid 1px #000;
}
.nav-collapse a:hover {
	background:#000;
}



/* NAV DROP */
.btn-nav-drop {
	display:none;
}
.nav-drop {
	display:none;
}



/* BUTTONS */

.thumb div {
	width:100px;
	height:100px;
}
.thumb div li {
	font-size:15px;
	line-height:15px;
}

.thumb-lg div {
	display:block;
	width:100%;
	max-width:250px;
	height:100px;
	margin:0 auto 15px;
}
.thumb-lg div li {
	font-size:20px;
	line-height:20px;
}



/* BODY */

.wrapper {
	background:none;
}

.content {
	padding:0 10px;
}

.one-third {width:100%;}

.responsive img {
	width:150px;
	height:auto;
}



/* BOTTOM */

.bottom-links {
	display:none;
}
.bottom-associates {
	margin:0;
	padding:30px 0;
}
.bottom-associates img {
	width:auto;
	height:25px;
}
}




@media screen and (min-width: 750px)
{
.js .nav-collapse {
	position: relative;
}

.js .nav-collapse.closed {
	max-height: none;
}

.nav-toggle {
	display: none;
}
}