/* HTML elements */
body {margin: 0; padding: 0; color: #000; background-color: #fff; font-family: 'Open Sans', sans-serif; font-size:14px;}
tr.odd td, tr.even td {padding: 0.3em;}
h1, h2, h3, h4, h5, h6 {margin-bottom: 0.5em;}
h1 {font-size: 1.3em;}
h2 {font-size: 1.2em;}
h3, h4, h5, h6 {font-size: 1.1em;}
p {margin-top: 0.5em; margin-bottom: 0.9em;}
a {text-decoration: none;font-weight: bold;}
a:link {color: #fff; font-weight:600}
a:visited {color: #fff; font-weight:600}
a:hover {color: #fff; text-decoration: underline;}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}
fieldset {border: 1px solid #ccc;}
pre {background-color: #eee;padding: 0.75em 1.5em;font-size: 12px;border: 1px solid #ddd;}
table {font-size: 1em;}
.form-item label {font-size: 1em;color: #222;}
.item-list .title {font-size: 1em; color: #222;}
.links {margin-bottom: 0em;}
.comment .links {margin-bottom: 0em;}

/* Page layout */
#content {width: 100%;}
#menu {background: #FFFFFF; padding: 0.5em 0.5em 0 0.5em; text-align: right; vertical-align: middle;}
#main {padding: 10px;}
.node .content, .comment .content {line-height: 1.4;}
#help {font-size: 0.9em; margin-bottom: 1em;}
.breadcrumb {margin-bottom: .5em;}
.messages {background-color: #eee; border: 1px solid #ccc; padding: 0.3em; margin-bottom: 1em;}
.error {border-color: red;}
#sidebar-left, #sidebar-right {background-color: #ddd; width: 16em; padding: 10px; vertical-align: top;}

/* Child classes of node, comment, block, etc. */
.title, .title a {font-weight: bold; font-size: 1.3em; color: #777; margin: 0 auto 0 auto;}
.submitted {color: #999; font-size: 0.8em;}
.links {color: #999;}
.links a {font-weight: bold;}
.block {padding: 0 0 1.5em 0; border-bottom: 1px solid #bbb; padding-bottom: 0.75em; margin-bottom: 1.5em;}
.block .title {margin-bottom: .25em;}
.node {margin: .5em 0 2em 0;}
.sticky {padding: .5em; background-color: #eee; border: solid 1px #ddd;}
.node .content, .comment .content {margin: .5em 0 .5em 0;}
.node .taxonomy {color: #999; font-size: 0.8em; padding: 1.5em;}
.node .picture {border: 1px solid #ddd; float: right; margin: 0.5em;}
.comment {border: 1px solid #abc; padding: .5em; margin-bottom: 1em;}
.comment .title a {font-size: 1.1em; font-weight: normal;}
.comment .new {text-align: right; font-weight: bold; font-size: 0.8em; float: right; color: red;}
.comment .picture {border: 1px solid #abc; float: right; margin: 0.5em;}
.item-list .pager {clear: both; text-align: center;}
.item-list .pager .pager-item {display:inline; list-style-type:none; margin: 0px 2px;}
.item-list .pager .pager-item div {display:inline; margin: 0px 2px;}
.item-list .pager .pager-item2 {display:inline; list-style-type:none; font-weight: bold; color: #39c; margin: 0px 2px;}
.item-list .pager .pager-item2 div {display:inline; margin: 0px 2px;}

/* Model specific styles */
#aggregator .feed-source {background-color: #eee; border: 1px solid #ccc; padding: 1em; margin: 1em 0 1em 0;}
#aggregator .news-item .categories, #aggregator .source, #aggregator .age {color: #999; font-style: italic; font-size: 0.9em;}
#aggregator .title {margin-bottom: 0.5em; font-size: 1em;}
#aggregator h3 {margin-top: 1em;}

.box { display:inline-block; width:356px; height:445px; background:#fff; vertical-align:top; font-family:'Open Sans', sans-serif; 
  font-size:16px; color:#617181; text-align:left; margin:57px 30px; position:relative;
  border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
}

.box1 { width:100%; height:184px; background:#c0392b url(box1.png) no-repeat center bottom; 
-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; 
border-top-left-radius: 3px;  border-top-right-radius: 3px;
}
.box2 { width:100%; height:184px; background:#e8741d url(box2.png) no-repeat center bottom; display:inline-block;
-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; 
border-top-left-radius: 3px;  border-top-right-radius: 3px;
}
.box3 { width:100%; height:184px; background:#fac319 url(box3.png) no-repeat right bottom; display:inline-block;
-webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; 
border-top-left-radius: 3px;  border-top-right-radius: 3px;
}

.slogan1 { padding:40px 0 0 0; font-weight: 800; font-size:66px; line-height:66px; text-transform: uppercase;}
.slogan2 { width:1130px;}
.width_container { width: 1200px; margin: 0 auto; }
.butnav {display:none; margin:27px 10px 0 0 !important;}

.contactform {background: #b73427 url(form.jpg) no-repeat center top; height:514px;
font-family:'Open Sans', sans-serif; line-height:28px; font-size:18px; color:#fff; }
.contactform .leftside {width:39%; float:left}
.contactform .rightside {width: 59%; float:left; margin:0 0 0 2%}
.contactform .container {margin: 30px auto 0px; width:70%}

@media screen and (max-width: 1200px) {
  .width_container { width: 100%; }
  .slogan1 { padding:2.5% 0 0 0; }
  .slogan2 {width:95%; font-size:30px; line-height:36px;}
  .box {margin:4.83% 2.58%;}
}

@media screen and (max-width: 1024px) {
/*  .slogan1 {font-size:46px; line-height:50px;}*/
  .slogan2 {font-size:24px; line-height:30px;}

}

@media screen and (max-width: 768px) {
  .slogan1 {font-size:36px; line-height:40px;}
  #tquote {font-size:36px !important;}
  .widenav {display:none;}
  .butnav {display:block;}
  .contactform {height:860px; line-height:24px; font-size:16px;}
  .contactform .container {width:85%;}
  .contactform .leftside {width:100%; float:none; margin:0;}
  .contactform .rightside {width:100%; float:none; margin:0;}
  .tphone {font-size:32px !important; padding: 30px 2% 0 2% !important;}
  .temail {font-size:18px !important; padding: 30px 2% !important;}
}

@media screen and (max-width: 400px) {
  .slogan1 {font-size:26px; line-height:30px;}
  .slogan2 {font-size:20px; line-height:27px;}
  #tquote {font-size:20px !important;}
  .box {margin:0; width:100%}
}

.sticky-wrapper {position:absolute}
.nav_wrap { display:none; position:fixed; top:0; left:0; width:100%; z-index:2000; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4); background: #000; border-bottom: 0;  }
.nav_wrap.stuck { padding:0; display:block;}

ul#topnav {
  font-family: 'Open Sans', sans-serif;
  font-weight: 100;
  margin: 34px 0 0 0;
  padding: 0;
  float: left;
  list-style: none;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-transform:uppercase;
  color:#DFDBDB;
}

ul#topnav li.nodrop, ul#topnav li.active, ul#topnav li.active_left, ul#topnav li.menupart {
    margin: 0; display:inline;
}

ul#topnav li a {
    padding:0 0px;
    margin:0 7px;
  	font-weight: 600;
}

ul#topnav li a {margin:25px 10px;}
ul#topnav .nodrop a:link, ul#topnav .nodrop a:visited {color: #fff !important; }
ul#topnav .nodrop a:hover {color: #faaf3a !important;}
ul#topnav li:hover a, ul#topnav ul#topnav li a:hover { text-decoration:none; background:none; color:#000 !important; }
ul#topnav li.active a:link, ul#topnav li.active a:visited, ul#topnav li.active_left a:link, ul#topnav li.active_left a:visited {color: #faaf3a !important;}

/*
ul#topnav .last a:link, ul#topnav .last a:visited {line-height: 35px; margin:20px 0 0 10px; padding: 10px 25px; font-size:16px; color: #fff !important; border: none; background: #00a05f; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
ul#topnav .last a:hover {background: #b81408;}
ul#topnav .last.active a:visited, ul#topnav .last.active a:link {background: #b81408; line-height: 35px; margin:20px 0 0 10px; padding: 10px 25px; font-size:16px; color: #fff !important; border: none; border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
*/
  
#topnav li:hover div ul {display:block; z-index:100;}

#topnav .menupart div {
    position: absolute;
    top: 0px;
    padding:0;
    background: url(menu1.png) 21px 34px no-repeat;
}
#topnav .menupart div ul {
    background-clip: padding-box;
    background: #fff;
    border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.8);
    list-style-type:none;
    display:none;
    float: left;
    left: -120px;
    margin: 2px 0 0;
    padding: 4px 0;
    position: relative;
    top: 0px;
    z-index: 900;
}
#topnav .menupart div ul li a {
    background: transparent;
    clear: both; color: #FFF; cursor: pointer; display: block; float: none;
    font-size: 14px; font-weight: normal; line-height: 21px; padding: 4px 0px 4px 16px; width:178px;
    position: relative; text-shadow: none; white-space: nowrap; text-align: left; text-transform:none;
    border-top: 0; margin:0;
}
#topnav .menupart div ul li a:hover { background-color: #f2af32; color:#fff !important; }


.form-item input, .form-item textarea, .form-item select {
  	position: absolute;
    background-color: #FFFFFF;
    border: 1px solid #fff;
    border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
    display: inline-block;
    margin: 0;
    outline: medium none;
    padding: 9px 8px;
  	height: 54px;  	
    width: 100%;
    font-size: 20px;
  	line-height: 20px;
	font-family: 'Open Sans', sans-serif;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
  /*text-transform:uppercase;*/
}

.box-item { display:inline-block; font-size:16px; line-height:34px; text-align:left; color:#262a34; vertical-align:top; padding:20px 0 0 0;}
@media screen and (max-width: 1200px) {
  .box-item, .box-big { width:100% !important; margin: 0 !important;}
}
.form-item {
  display: inline-block;
  height: 54px;
  margin: 0;
  width: 200px;
  vertical-align:top;
  overflow: visible;
  position: relative;
  text-align:left;
}
.form-item.required { height:78px; }
.form-item.required:after {
  position:relative; bottom:-54px; display:block; opacity:0.5;
  content:'This field is required';color:#a8ac9d; font-size:13px; line-height:24px; 
  background:#ffffbb; border-radius:5px; padding:0 10px; margin:3px 0 0 0; }
.form-item.error.required:after {opacity:1;}

.form-item input {
    position: absolute;
    top: 0;
}

.form-item textarea {
    position: absolute;
    resize: none;
    top: 0;
    padding: 9px 6px;
    font-family: 'Open Sans', sans-serif; font-size: 18px;
  	height:210px;
}

.form-item .placeholder {
	font-family: 'Open Sans', sans-serif;
    position:absolute;
    top:1px;
    right:1px;
    bottom:1px;
    left:2px;
    z-index:1;
    height:20px;
    padding:15px 8px;
    font-size:20px;
	font-style:italic;
    line-height:20px;
    color:#999;
    text-shadow:0 1px 0 rgba(255,255,255,.5);
    white-space:nowrap;
    cursor:text;
    -webkit-transition:opacity .1s,font-size .1s;
    -moz-transition:opacity .1s,font-size .1s;
    -o-transition:opacity .1s,font-size .1s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}

.form-item .help {
    -moz-user-select: none;  background: none repeat scroll 0 0 #BFBFBF;  border-radius: 28px;  color: #FFFFFF;
    cursor: pointer; font-family: 'Open Sans',sans-serif; font-size: 24px; font-weight: 600;
    height: 28px; line-height: 28px; position: absolute; right: 11px; text-align: center; top: 12px; width: 28px;  z-index: 1;
}

.form-item input:focus + .placeholder, .form-item select:focus + .placeholder { -moz-opacity:.6; opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); }

.hasome .form-select { color:#000; opacity:1; filter:alpha(opacity=100); }

.hasome .placeholder {
    font-size: 0 !important;
    opacity: 0;
    z-index: -1;
}

.input-radio {
    cursor: pointer;  font-size: 16px; color: rgb(89, 98, 122);
    -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    height:20px; line-height:20px; background: url(https://s3.amazonaws.com/wuaala/theme/5707702298738688/checks.png) no-repeat;
}
.input-radio:hover { background-position: 0 -20px; }
.input-radio.active { background-position: 0 -40px; }

.form-text { width:100%; height:20px; }
.form-text:focus { border: 1px solid #56B4EF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);}

.form-select { -moz-opacity:.6; opacity:.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);  width:313px; height:34px;}
.form-select:focus { opacity:1; filter:alpha(opacity=100); border: 1px solid #56B4EF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
.form-select .gray { color:#999}
.form-select.big { background: -moz-linear-gradient(center top , #FEFEFE 0pt, #D5D5D5 100%) repeat scroll 0 0 #FFFFFF;  font-size: 52px;  font-weight: 800; height: 76px; padding: 0 0 0 16px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);}

.submit-button2 {
  	font-family: 'Open Sans', sans-serif; vertical-align:top; -webkit-appearance: none;
    border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
    height:54px; line-height:54px; padding:0 40px; font-size:16px; color:#595959;
    background:#e3cb1e; background-image: -moz-linear-gradient(center top , #ededee 0pt, #d7d8da 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededee', endColorstr='#d7d8da');
    background: -webkit-gradient(linear, left top, left bottom, from(#ededee), to(#d7d8da));
    box-shadow: 0 1px 1px #ededee inset, 0 0 0 #FFFFFF; font-weight:600; text-transform: uppercase;
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5); border:0; cursor:pointer;
}

.submit-button2:hover {
    background:#808080; background-image: -moz-linear-gradient(center top , #808080 0pt, #808080 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#808080');
    background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#808080)); color:#fff; text-shadow:none;
}

.continue-button {
  	font-family: 'Open Sans', sans-serif; vertical-align:top; -webkit-appearance: none; display:inline-block;
    border-radius: 4px; -ms-border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px;
    height:54px; line-height:54px; padding:0px 40px; font-size:16px; color:#FFF;
    background:#86ab5a; background-image: -moz-linear-gradient(center top , #86ab5a 0pt, #4e6e34 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#86ab5a', endColorstr='#4e6e34');
    background: -webkit-gradient(linear, left top, left bottom, from(#86ab5a), to(#4e6e34));
    box-shadow: 0 1px 1px #f3e899 inset, 0 0 0 #FFFFFF; font-weight:600; text-transform: uppercase;
    border:1px solid #bbbbbb; cursor:pointer;
}
.continue-button:hover {
    background:#98ba66; background-image: -moz-linear-gradient(center top , #98ba66 0pt, #59883b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98ba66', endColorstr='#59883b');
    background: -webkit-gradient(linear, left top, left bottom, from(#98ba66), to(#59883b));
}
.continue-button.disabled {
    background: none repeat scroll 0 0 #C0BEBF;
    border: 1px solid #C0BEBF;
    box-shadow: none;
    cursor: default;
}

.cicon {background: url(icons.png) no-repeat 0 4px; height:16px; display:inline-block; margin: 15px 0 0 17px; padding: 0 0 0 20px}
.cicon.two {background-position: 0 -12px; height:18px; }
.cicon.three {background-position: 0 -30px; height:16px;  }
.ccopy {display: inline-block; color: rgb(173, 182, 190); margin:20px 0 0 17px; float: right;}
@media screen and (max-width: 1200px) {
  .ccopy { float:none; margin:15px 0 0 17px; }
}

.text.form-text.error {
    /*border: 2px solid #35576A;*/
}

.sicon { 
  border:1px solid rgba(0,0,0,0.5); width:87px; height:87px; display:inline-block; cursor: pointer; margin:18px 0 0 0;
  border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -khtml-border-radius: 50%; }
.sicon:hover {background: #0099c6;}
.sicon:hover .icon {background: url(https://s3.amazonaws.com/wuaala/theme/5707702298738688/share2o.png) no-repeat;}
.sicon .icon {background: url(https://s3.amazonaws.com/wuaala/theme/5707702298738688/share2.png) no-repeat; margin: 7px 7px; width:58px; height:47px}
.sicon.one .icon {margin: 20px 0 0 16px;}
.sicon.two .icon { background-position: 0 -47px; height: 52px; margin: 16px 14px;}
.sicon.two:hover {background: #456ba5;}
.sicon.three .icon { background-position: 0 -98px; height: 54px; margin: 16px 19px;}
.sicon.three:hover {background: #dc471f;}
.sicon.four .icon {background-position: 0 -151px; margin: 25px 14px; }
.sicon.four:hover {background: #f88b02;}

.progression { padding:18px 0}
.progress-step { 
  background:#d2d2d4; font-weight:800; font-size:46px; color:#fff; text-align:left;
  border-radius: 33px; -ms-border-radius: 33px; -moz-border-radius: 33px; -webkit-border-radius: 33px; -khtml-border-radius: 33px; 
  width:66px; height:66px; line-height:66px; display:inline-block; vertical-align:middle; overflow:hidden; margin:0 1%;
}
.progress-step .num { background:url(https://s3.amazonaws.com/wuaala/theme/5707702298738688/nums.png); margin:14px 0 0 0; width:45px; height:50px; display:inline-block; }
.progress-step.number-2 .num { background-position: 0 -50px;}
.progress-step.number-3 .num { background-position: 0 -100px;}
.progress-step.active { background: #222;  }

.sbut {	
  font-family: 'Open Sans', sans-serif; font-weight: 400; height:45px; line-height:46px; margin:10px 0 0 0; padding:0 20px 0 0; font-size:16px; color:#fff;
  display:inline-block; cursor:pointer; overflow:hidden; text-align:left;
  border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; 
}
.sbut .ico { display:inline-block; background: url(https://s3.amazonaws.com/wuaala/theme/5707702298738688/social.png) no-repeat right 0; width:38px; height:28px; margin:10px 4px 0 15px; vertical-align:top; }
.sbut.twitter { background:#0099c6; }
a:hover .sbut.twitter { background:#00cbf9; }
.sbut.facebook { background:#456ba5; }
.sbut.facebook .ico { background-position:right -28px; height:34px; margin:5px 0 0 10px;}
a:hover .sbut.facebook { background:#5985c7; }
.sbut.google { background:#dc471f; }
.sbut.google .ico { background-position:right -63px; height:31px; margin:8px 0 0 15px;}
a:hover .sbut.google { background:#ff5224; }
#min a { color: #aaa; }
#min a:hover { color:#fff; }