body {
min-width: 320px;
overflow-x: hidden;}

#form-wrap h5 {
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
color: #660000!important;
font-family: Arial, Helvetica, sans-serif;
}

.form-horizontal .control-label {
display: block;
float: none;
width: auto;
text-align: left!important;
font-size: 12px;
font-weight: bold;
display: none;
font-family: Arial, Helvetica, sans-serif;
}

#next-button {
width: auto;
float: right;
height: 42px;
border-radius: 2px;
background: #7db701;
margin: 0;
padding-left: 32px;
padding-right: 32px;
right: 0!important;
left: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-transform: uppercase;
line-height: 40px;
font-weight: bold;
opacity: 1!important;
margin-right: 24px!important;
box-shadow: inset 0 -4px 0 #70a401;
text-shadow: 0 2px 0 #70a401;
outline: none!important;}

#next-button:hover {
background: #76cc1e;
box-shadow: none;
text-shadow: none;}

#form-container.narrow-right .bottom-nav-container {
width: 100%;
}


.col-sm-8 {
width: 100%;
}

#header ul {
display: block!important;
right: 16px;
font-size: 11px;
text-transform: capitalize!important;}

#header ul li a, #header ul li {
color: #ffffff!important;
border-color: #ffffff!important;}

#header .menu {
display: block!important;
width: auto;
float: right;
left: auto;
right: 16px;
bottom: 16px;
height: auto;}

#header .menu ul {
right: 0;
} 

#header .menu li, #header .menu li a {
position: relative!important;
left: auto!important;
right: auto!important;
top: auto!important;
bottom: auto!important;
float: left!important;
width: auto!important;
height: auto!important;
margin: 0!important;
padding: 0!important;
font-weight: normal!important;
font-family: Arial, Helvetica, sans-serif!important;
text-transform: capitalize!important;
background: transparent!important;}

#header .menu li {
margin-left: 8px!important;
margin-right: 8px!important;}



#header {
position: absolute;
top: 0!important;
left: 0!important;
right: 0!important;
margin: 0!important;
padding-left: 24px!important;
z-index: 99;
height: 85px;
background: transparent;
}

#header #l_logo {
width: auto, height: auto;float: left;
display: block;
overflow: hidden;
left: 0!important;
margin: 0!important;
}

#header #l_logo img {
width: 100%;
height: auto;
}

#header .since {
left: 8px!important;
margin: 0!important;
display: block;
top: 45px;}

.since img {
display: block;
width: 77px!important;
height: 77px!important;
}

#page {
max-width: 100%;}

#page-wrap {
max-width: 100%;
overflow-x: hidden;
}

#inner-wrap {
max-width: 150%;
margin-left: -10px;
margin-right: -10px;
border: 0;
margin-top: -5px;
height: 565px!important;
background-size: auto auto;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;}


.gradientiw {
position: absolute;
top: auto;
right: 0;
left: 0;
bottom: 0;
margin-left: 0;
margin-right: 0;
background: url(../img/header-gradient180.png) no-repeat top left;
background-size: 100% 100%;
opacity: 0.75;
height: 160px;
width: 100%!important;}

#form-wrap {
min-height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
margin-left: 50%;
margin-right: 0;
width: 50%!important;}

#form-wrap #form-container {
position: absolute!important;
overflow: visible!important;
top: auto!important;
left: 0!important;
right: 0!important;
bottom: 0!important;
margin: 0!important;
float: left!important;
width: 60%!important;
min-width: 400px!important;
background: transparent!important;
margin-left: -20px!important;
border-radius: 0!important;
padding-bottom: 0!important;}

#step-container {
border: 0;
box-shadow: 0 1px 5px rgba(0,0,0,0.26);
min-height: 10px;
padding: 24px!important;
padding-bottom: 66px!important;
border-radius: 4px 4px 0 0!important;}

#form-container.narrow-right h4 {
font-size: 24px!important;
line-height: 24px!important;
font-weight: normal!important;
top: -20px;
top: -97px;
max-width: 270px;
width: auto;
left: 8px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;}

#form-container.narrow-right h4 span.red {
color: #e3145b;
}

#form-container.narrow-right h4 span.blue {
color: #0098f0;
}

#footer {
padding-top: 64px;
padding-bottom: 56px;
margin: 0;
max-width: 100%;
background: #ffffff;
color: #757575;
border-top: 4px solid #f5f5f5!important;
}

#footer .inner {
min-width: 768px;
max-width: 998px;
padding-left: 24px;
padding-right: 24px;
margin: auto;
}

#footer .inner .col33 {
width: 33.333333%;
float: left;
text-align: left;}

#footer .inner .col33 .fww-logo {
display: block;
width: 150px;
height: 47px;
margin-top: 16px!important;
background: url(../img/fw_logo_small.gif) no-repeat center center;
}

#footer .inner .col33 ul, #footer .inner .col33 p {
margin: 0!important;
padding: 0!important;
display: block!important;}

#footer .inner .col33 p {
margin-bottom: 8px!important;}


#footer .inner .col33 ul li {
display: block;
margin: 0;
padding: 0;
width: 50%;
float: left;
margin-bottom: 10px;
background: none;
font-size: 12px;}

#footer .inner .col33 ul.social {
text-align: center;}

#footer .inner .col33 ul.social li {
display: inline-block;
width: 32px;
height: 32px;
margin-left: 3px;
margin-right: 3px;
float: none;
}

#footer .inner .col33 ul.social li a {
display: inline-block;
width: 32px;
height: 32px;
}

#footer .inner .col33 ul.social li:hover {
opacity: 0.9;}

#footer .inner .col33 ul.social li.facebook a {
background: url(../img/icon_facebook.png) no-repeat center center;
background-size: 32px 32px;}

#footer .inner .col33 ul.social li.twitter a {
background: url(../img/icon_twitter.png) no-repeat center center;
background-size: 32px 32px;}

#footer .inner .col33 ul.social li.google a {
background: url(../img/icon_google.png) no-repeat center center;
background-size: 32px 32px;}

#footer .inner .col33 ul.social li img {
display: none;}

#footer .inner .col33 ul li a {
color: #757575;}

#footer .inner .col33 .fww-logo img {
display: none;}



.reference, .blogs, .about {
display: block;
padding: 16px;
padding-top: 56px;
padding-bottom: 56px;
background: #ffffff;
}

.about {
padding-bottom: 8px;}

.blogs {
padding-bottom: 32px;
background: #f5f5f5;}

.reference h4, .blogs h4, .about h1 {
display: block;
font-size: 14px;
font-weight: bold;
color: #212121;
text-transform: uppercase;
border-top: 1px solid #e0e0e0;
max-width: 33.3333333333%;
margin: auto;
margin-bottom: 32px;}

.reference h4 span, .blogs h4 span, .about h1 span {
display: inline-block;
padding-left: 10px;
top: -8px;
padding-right: 10px;
background: #ffffff;
}

.blogs h4 span {
background: #f5f5f5;}

.blogs h5 {
font-size: 20px;
color: #660000!important;
line-height: 22px;
display: block;
font-weight: bold;
margin: 0;
margin-bottom: 16px;
}

.about .col33 h2 {
font-size: 28px;
line-height: 32px;
margin: 0;
padding-top: 16px;
margin-bottom: 24px;
color: #660000!important;
display: block;
font-weight: normal;
max-width: 75%;
}

.blogs a.moreBlogs {
background: #660000;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
padding: 32px;
padding-top: 0;
padding-bottom: 0;
height: 42px;
line-height: 42px;
border-radius: 2px;
font-weight: bold;	
color: #ffffff;
box-shadow: inset 0 -3px 0 rgba(0,0,0,0.33);
text-shadow: 0 1px 0 rgba(0,0,0,0.33);
text-decoration: none;
margin-bottom: 20px;
margin-top: 10px;
}

.blogs a.moreBlogs:hover {
box-shadow: none;
text-shadow: none;
opacity: 0.9;}

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

.blogs .col33, .about .col33 {
width: 33.333333%;
min-width: 390px;
min-height: 10px;
margin-left: 20px;
margin-right: 20px;
vertical-align: middle;
display: inline-block;}

.about .col33 {
vertical-align: top;
text-align: left;}

.blogs .col33 .post {
display: block;
text-align: left;
line-height: 24px;
border-radius: 2px;
background: #ffffff;
padding: 24px;}

.blogs .col33 .post p, .about .col33 p {
line-height: 24px;
margin: 0;
color: #757575;}



.about .col33 p {
margin-bottom: 24px;}

.blogs .col33 .date {
margin: 0;
color: #aaaaaa;
margin-bottom: 20px;
font-size: 11px;
display: block;
margin-left: 24px;
text-align: left;
text-transform: uppercase;}

.blogs .col33 .date strong {
display: inline-block;
font-size: 32px;
line-height: 32px;
font-weight: normal;
text-align: left;
margin-right: 4px;
color: #757575;
}

.blogs .col33 .date em {
display: inline-block;
font-style: normal;
text-align: left;
font-size: 11px;
color: #757575;
margin-top: -3px;
}

.blogs .user {
display: block;
color: #757575;
text-decoration: none;
padding: 24px;
text-align: left;
padding-top: 44px;
font-weight: normal;}

.blogs .user strong {
font-weight: bold;}

.blogs .user strong:hover {
text-decoration: underline;}

.blogs .avatar {
width: 64px;
height: 64px;
display: block;
float: left;
margin-top: -20px;
margin-right: 20px;
border-radius: 64px;
overflow: hidden;}

.blogs .avatar img {
width: 100%;
height: auto;
}

.col-sm-8 {
display: block;
float: none;
}

.col-sm-8 span {
display: block;
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;}

#form-container.narrow-right .bottom-nav-container {
min-height: 42px;
bottom: 24px;
}

#form-container.narrow-right div.progress {
margin-left: 24px;
top: 13px;
border-radius: 2px;}

select#bmonth, select#bday, select#byear {
border-radius: 2px!important;
height: 34px!important;
padding-top: 8px!important;
padding-bottom: 8px!important;
line-height: 18px!important;
background: #eeeeee!important;
border-color: #d9d9d9!important;
font-size: 14px!important;
color: #555!important;
width: 25%!important;
margin-right: 7px!important;
margin-bottom: 8px;
font-family: Arial, Helvetica, sans-serif!important;
border-top-color: #c0c0c0!important;}


.recent {
height: 93px;
overflow: hidden;
width: auto;}

.recent .rfoto {
margin-left: -39px;
margin-right: -39px;}

.recent .rfoto a {
display: block;
margin: 0;
float: left;}

.recent .rfoto img {
display: block;
margin: 0;
}

@media only screen and (max-width: 1024px) {

.reference h4, .blogs h4, .about h1 { 
max-width: 50%;}

.blogs .col33, .about .col33 {
width: 49%;
min-width: 100px;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

.about .col33 h2, .about .col33 p, .blogs .col33 .post, .blogs .user {
margin-left: 20px;
margin-right: 20px;}
}


.form-control {
width: 100%;
height: 36px;
border-radius: 2px;
background: #eeeeee!important;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
box-shadow: none;
outline: none!important;
box-shadow: none!important;
font-family: Arial, Helvetica, sans-serif!important;
font-size: 14px;
margin-bottom: 8px;}

.form-control:focus {
border-color: #0098f0;}

@media only screen and (max-width: 480px) {
#header #l_logo {
margin-left: -8px!important;
width: 200px!important;
}

#header ul li.last {
margin-right: -8px!important;
top: -4px!important;}

#header .since {
top: 35px!important;}

}


@media only screen and (max-width: 700px) {
#header .menu, #header ul li {
display: none!important;
}

@media only screen and (max-width: 700px) {
#header ul li.last a {
	background-color:gray;
}



#inner-wrap {
background-position: left top;
}

#header ul li.last {
position: absolute;
margin: 0;
right: 0;
left: 0;
display: block!important;
background-color:none;
}

#header ul li.last a {
font-size: 14px;
display: block;
float: right;
padding: 14px;
}

.reference h4, .blogs h4, .about h1 { 
max-width: 100%;}

.blogs .col33, .about .col33 {
width: 100%;
display: block;
min-width: 288px;
}

.blogs .col33 {
margin-bottom: 32px;}

.blogs a.moreBlogs {
margin-top: 0;}

.about .col33 h2, .about .col33 p, .blogs .col33 .post, .blogs .user {
margin-left: 8px;
margin-right: 8px;}
 
}

@media only screen and (max-width: 760px) {

#form-wrap {
width: 100%!important;
max-width: 440px!important;
margin-left: 0;}

#next-button {
margin-right: 4px!important;}

#form-wrap #form-container {
width: auto!important;
float: none!important;
margin-left: 10px!important;
margin-right: 10px!important;
min-width: 320px!important;}

#footer {
padding-top: 24px;
padding-bottom: 1px;}

#footer .inner {
min-width: 256px;
margin: 0;
}

#footer .inner .col33 {
width: auto;
float: none;
display: block;
min-height: 10px!important;
padding-bottom: 24px!important;
text-align: center;}

#footer .inner .col33 ul {
text-align: left;
margin-bottom: 8px;}

#footer .inner .col33 ul li {
float: none;
width: 49%;
display: inline-block;}

#footer .inner .col33 .fww-logo {
margin: auto;}

}