/* =---------------Custom Styles ----------------------------------------------------------=*/

body {
    font-family: Arial, Helvetica,  sans-serif;
    background: #fff;
    font-size: 62.5%;
    margin: 0;
    padding: 0;
}

#appointment{
    background: url("../images/stripe-bg.jpg") repeat #fff;
}

html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -200px;
}
.sticky, .push {
height: 200px;
}

.container {
    width: 1100px;
    margin: 0 auto;
    padding: 0 10px;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0 0 20px 0;
    font-family: "Oswald";
}

h1{
    font-size: 3.8em;
    margin-bottom:0px;
}

p {
    margin: 0 0 20px 0;
    color:#393939;
}

strong {
    background: none;
    padding: 0;
}

.clr {
    clear: both;
}

.left{
    float:left;
}

.right{
    float:right;
}

.bluetext{
    color: #0183d1; /* text color */
}

.orangetext{
    color: #fb991b; /* text color + color overlay */ 
}

/*=----------------HEADER----------------------------------------------------------------------=*/

header{
    background:url(../images/header-bg.jpg) repeat-x;
    height:148px;
}

#logo a{
      color: #fff; /* text color */
      text-decoration: none;
      padding-left: 120px;
      display:block;
      background:url(../images/logo.png) no-repeat 0 0;
      padding-top:12px;
      height:60px;
      letter-spacing: 3px;
}

#logo{
    float:left;
    padding-top:10px;
}

menu{
     float:right;
}

menu .menu a:hover{
    color:#000;
}
 
.menu li{
     float:left;
}
 
nav{
     clear:both;
     padding-top:20px;
}
 
nav a{
   color: #000; /* text color */
   font-family: "Oswald";
   font-size: 1.2em;
   text-decoration: none;
   padding-top:22px;
}

nav a:hover, nav a:active{
    color:#4C97BE;
}
 

nav .menu li{
     position:relative;
     margin-right:36px;
}
nav .menu li.last {
    margin-right: 0;
}
nav li:before{
     content:"";
     width:6px;
     height:9px;
     background:url(../images/arrow.png) no-repeat;
     position:absolute;
     left:-10px;
     top:5px;
}

nav li:hover:before, nav li:active:before{
     content:"";
     width:6px;
     height:9px;
     background:url(../images/blue-arrow.png) no-repeat;
     position:absolute;
     left:-10px;
     top:5px;
}
 
nav li.item-200{
     margin-right:0px;
}

nav li.item-196{
    margin-left:10px;
}
 
 
menu, menu .menu a{
     color:#fff;
     text-decoration: none;
     font-family: "oswald";
}
 
.phoneNum span{
     font-size: 1.15em;
}
 
.phoneNum li{
     margin-top:12px;
     float:none;
     text-align: right;
}
 
.splitNav a{
     font-size: 1em;
     text-transform: uppercase;
}
 
.splitNav li{
    margin:14px 10px 0; 
 }
 
 .splitNav .item-177{
     margin-right:0;
 }



/*========================================================= FEATURE ========================*/

#feature{
    background:url(../images/feature-bg.jpg) no-repeat center center;
    padding: 30px 0 45px;
    display: flex;
    justify-content: center;
}

#feature .feature-container{
height: 420px;
    background-color: #fff;
    background-color: rgba(255,255,255,.8);
    -moz-box-shadow: 2px 4px 13px rgba(0,0,0,.3);
    -webkit-box-shadow: 2px 4px 13px rgba(0,0,0,.3);
    box-shadow: 2px 4px 13px rgba(0,0,0,.3);
    padding: 50px 40px 0;
    display: flex;
    /* width: 50%; */
    margin: 0 auto;
    flex-direction: column;
}

#feature .special-container {
   display:flex;
}

#feat1{
    text-transform: uppercase;
    font-family:"Oswald";
  flex: 33%;
  border-right:1px solid #aeb7b8;
    float:left;
    margin-bottom:20px;
}

#feat1 span.bluetext,
#feat3 span.bluetext{
     font-size:36px;
     display:block;
     width:200px;
     line-height:125%;
}

#feat1 span.orangetext,
#feat3 span.orangetext{
     font-size:68px;
     display:block;
     font-weight:700;
     line-height:120%;
}

#feat1 h2,
#feat3 h2{
   font-size:58px; 
   line-height:120%;
   margin-bottom:0px;
   letter-spacing: 1px;
}

#feat1 p,
#feat3 p{
     font-size:2.2em;
     margin-bottom:1px;
}

#feat2{
    flex: 30%;
    float:left;
    font-family: "Oswald";
    text-align: center;
    min-width:350px
}

#feat3{
    text-transform: uppercase;
    font-family: "Oswald";
   flex:30%;
    border-left: 1px solid #aeb7b8;
    float: left;
    margin-bottom: 20px;
    height: 334px;
    padding-left: 20px;
}

#feat2 div.formBody, #feat4 div.formBody{
    float:right;
}

#feature h3{
    font-size: 2.9em;
    margin-bottom:0px;
    text-transform: uppercase;
    font-weight:400;
    letter-spacing: 1px;
}

#feat2 #Submit{
    width: 200px;
    height: 60px;
}

#feat2 p{
    margin-bottom:0px;
}

legend{
    display:none;
}

fieldset{
    background:none;
    border:none;
    margin-top:0;
    margin-bottom:0 !important;
    padding-bottom:0;
    padding-top:0;
    }
 
#Submit{
    background: url(../images/continue.png) no-repeat;
    color: #3a3a3a; /* text color */
    font-family: "Oswald";
    font-size: 2.5em;
    text-shadow: none;
    border-radius:0px;
    text-align: left;
    padding:5px 0;
    text-indent: 20px;
    box-shadow:none;
    border:none;
}

.rsform-block-submit .formBody{
    position:relative;
    margin-top:10px;
}

#feat2 input[type="text"]{
    width: 379px;
    height: 45px; 
}

input[type="text"], textarea{
    border: 1px solid rgba(2,132,209,.54); /* stroke */
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px; /* border radius */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; /* prevents bg color from leaking outside the border */
    background-color: #fff; /* layer fill content */
    -moz-box-shadow: inset 0 5px 5px rgba(47,47,47,.16); /* inner shadow */
    -webkit-box-shadow: inset 0 5px 5px rgba(47,47,47,.16); /* inner shadow */
    box-shadow: inset 0 5px 5px rgba(47,47,47,.16); /* inner shadow */
    color: #0183d1; /* text color */
    font-family: "Questrial";
    font-size: 2em;
    padding: 8px 0 5px 10px;
    width:100%;
}

#feat4{
    clear:both;
    border-top: 1px solid #acaba9;
    padding: 10px 0 0 10px;
    text-align:center;
}

#feat3 #Submit{
    background: url(../images/continue2.png) no-repeat;
    height:57px;
    width:47px;
    margin-top:-85px;
    margin-right:-1px;
}

#feat3 input[type="text"]{
    width: 316px;
    height: 47px; 
}

#feat3 fieldset{
    padding-right:0px;
    position:relative;
    top:-20px;
}


/*=============TAGLINE=================*/

#tagline{
    text-align: center;
    padding:20px 0;
    border-bottom:1px solid #bebebe;
}

#tagline p{
    font-size: 2.2em;
    line-height: 1.7em;
    text-shadow: 0 1px 0 #fff; /* drop shadow */
    margin-bottom:0px;
}


/*========================================================= Sub FEATURE ====================*/


#subFeature{
    background:url(../images/stripe-bg.jpg);
    padding:80px 0 60px;
}

#subFeature h2{
      color: #009fff; /* text color */
      font-size:2em;
      font-weight:400;
      font-family: "Questrial";
      text-align: left;
      margin-bottom:0px;
      line-height:1.25em;
}

#subFeature p{ 
    font-size: 1.6em;
    line-height:1.55em;
    text-align: left;
}

#subfeat1 img{
    padding:25px 0 12px;
}

#subfeat2 img{
    padding:0 0 5px;
}

#subfeat3 img{
    padding:5px 0 12px;
}

#subfeat4 img{
    padding:40px 0 10px;
}

/*========================================================= MAIN CONTENT ====================*/

#home #mainContent{
    padding:40px 0 30px;
    background-image:none;
}

#home #mainContent .container{
    background-color:transparent;
    box-shadow: none;
    padding: 0 10px;
    width:940px;
}

#mainContent{
    background-color: #fbf7f2;
    background-color: rgba(255,251,245,.84); /* color overlay */
    background-image: url(../images/stripe-bg.jpg);
    padding: 40px 0 60px;
}

#mainContent .container{
     background-color:#fff;
     box-shadow:0px 0px 3px #e3e3e3; 
     width:860px;
     padding: 45px 40px 50px;    
}

.width50{
    width:48%;
}

.bluebg{
    background-color: #0071b5;
}

.orangebg{
    background-color: #fb991d;
}

.coloredbox{
    padding:30px;
    margin-bottom:40px;
}

.coloredbox.bluebg {
    padding: 42px 30px;
}

.coloredbox p{
    margin-bottom:0px;
    font-size:2.2em;
    line-height: 1.1em;
    color:#fff;
}

.width50:first-of-type{
    margin-right:20px;
}

#home #mainContent ul{
    font-size:1.8em;
}

#mainContent li{
     padding:0px;
     margin-bottom:10px;
     font-size:16px;
     line-height:1.4em;
}

#home #mainContent li{
     font-size:1em;
    line-height:1.5em;
    margin-bottom:0px;
}

#mainContent ul ul{
     font-size:1em;
     list-style-type: disc;
     margin-left:40px;
     margin-top:20px;
}

#home #mainContent ul ul{
    margin-top:0;
    font-size:1em;
}

#theContent{
    float:left;
    width:600px;
    margin-right:10px;
    padding-right:10px;
    border-right:1px solid #ddd;
}

#home aside{
    display:none;
}

#home #theContent{
    float:none;
    width:auto;
    margin:0;
    padding:0;
}

aside{
    width:228px;
    float:left;
    padding-left:10px;
}

.nostyle{
    list-style-type: none;
    margin-top:40px;
}

#mainContent .nostyle li{
    display:table-cell;
    vertical-align: middle;
    padding:0 10px;
}

#mainContent .nostyle li:first-child{
    padding-left:0px;
}

#mainContent .nostyle li:last-child{
    padding-right:0px;
}

 .before, .after{
     float:left;
 }
 
 .before strong, .after strong{
     display:block;
     font-size:1.6em;
 }
 
 .after{
     margin:0 0 20px 20px;
 }
 
 .after + p{
     clear:both;
 }
 
img[alt="ASNU Logo"]{
     margin: 0 0 20px 20px;
 }
 
img[alt="ASNU System"]{
     margin: 0 0 20px 0;
 }
 
.item-separator{
     border-top:1px dashed #c4c4c4;
     clear:both;
     padding-top:20px;
     margin-bottom: 20px;
}
 
.left + ol{
      float:left;
}

.left + ol + p{
    clear:both;
}


#appointment #theContent input[type="text"], #appointment #theContent  textarea{
    font-size: 1.4em;
    width:400px;
}

#appointment #theContent #Submit{
border: 1px solid #d17d00; /* stroke */
-moz-box-shadow: 0 0 5px rgba(0,0,0,.13); /* outer glow */
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.13); /* outer glow */
box-shadow: 0 0 5px rgba(0,0,0,.13); /* outer glow */
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDE5MSA1MCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGxpbmVhckdyYWRpZW50IGlkPSJoYXQwIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSItMS40MjEwODU0NzE1MjAyZS0xNCUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZWQ4ZjE3IiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiNmN2NmNGEiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWU1YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjE5MSIgaGVpZ2h0PSI1MCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #ed8f17 0%, #f7cf4a 49.17%, #f5e5b5 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #ed8f17 0%, #f7cf4a 49.17%, #f5e5b5 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #ed8f17 0%, #f7cf4a 49.17%, #f5e5b5 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #ed8f17 0%, #f7cf4a 49.17%, #f5e5b5 100%); /* gradient overlay */
width:200px;
font-size: 1.5em;
text-align:center;
padding-right:15px;
}

#appointment div[type*="formCaption"]{
    height:0;
}

#subFeature a{
    text-decoration: none;
}

/*==============Contact Page============*/

#contact-us aside{
    display:none;
}

#contact-us .left{
     width:409px;
}

#contact-us .left:last-of-type{
    margin-left:20px;
    padding-left:20px;
    border-left:1px solid #c4c4c4;
}

#contact-us #theContent, #appointment #theContent{
    width:860px;
    border-right:0;
    padding-right:0;
    margin-right:0;
}

#contact-us #theContent h2{
    text-align: center;
}

#contactInfo{
    text-align:left;
    float:left;
}

#contactInfo p{
    margin-bottom:10px;
}

#hours{
    text-align: right;
}

iframe{
    border:none;
    box-shadow: 0 0 2px #3e3e3e;
    margin-top:20px;
}

#contact-us div[class*="formCaption"]{
    height:0px;
}

#contact-us input, #contact-us textarea{
    font-size:1.4em;
}

#contact-us fieldset{
    padding-left:0px;
}

#contact-us li input{
    width:392px;
    margin-bottom:10px;
}

#contact-us #Submit{
    width:200px;
    height:58px;
} 


#rsform_6_page_0 .formCaption2{
    height:0;
}

#rsform_6_page_0  li{
    overflow:hidden;
    text-align: center;
}

#rsform_6_page_0 .formBody{
    float:none;
}



/*=============Sidebar===============*/

aside fieldset{
    padding-left:0;
}

aside #rsform_3_page_0 {
    width: 252px;
}

aside input[type="text"], aside textarea, aside #Submit{
    font-size:1.15em;
    width: 251px;
}

aside div[class*="formCaption"]{
    height: 0;
}

#mainContent aside li{
    margin-bottom:7px;
    overflow: hidden;
}

aside #Submit{
    width:205px;
    height:61px;
}

/*========================================================= PRE FOOTER ======================*/

#home #preFooter{
    padding:40px 0 0;
}

#preFooter3 img{
    margin-top:-8px;
}

#preFooter p{
    font-size:1.8em;
    line-height:1.4em;
    color:#000000;
    text-align: left;
}

#preFooter h3{
    font-size:2.5em;
    color: #0071b5;
    text-align: left;
    font-weight: 400;
    margin:15px 0 2px;
    font-family: "Questrial";
    line-height:1em;
}

#home #preFooter4{
    padding-top:50px;
    clear:both;
}

#home #preFooter > div > div{
    display:block;
}

#preFooter > div > div{
    display:none;
}

#preFooter{
    padding-top:10px;
    text-align: center;
    background-color:#fff;
}

.container #preFooter4{
    display:block;
    padding-top:0px;
}

.container #preFooter5{
    display:block;
    padding-top:0px;
}


/*========================================================= FOOTER =========================*/

footer{
padding-top:25px;    
height: 39px;
border: 1px solid #cf7200; /* stroke */
-moz-box-shadow: inset 0 0 7px rgba(255,255,255,.4); /* inner glow */
-webkit-box-shadow: inset 0 0 7px rgba(255,255,255,.4); /* inner glow */
box-shadow: inset 0 0 7px rgba(255,255,255,.4); /* inner glow */
background-color: #F7A22D;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIwMDggNzYiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3OTMxZCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMjQlIiBzdG9wLWNvbG9yPSIjZjc5MzFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI3NiUiIHN0b3AtY29sb3I9IiNmN2JiNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmN2JiNDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMDgiIGhlaWdodD0iNzYiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==); /* gradient overlay */
background-image: -moz-linear-gradient(bottom, #f7931d 0%, #f7931d 23.58%, #f7bb49 76.42%, #f7bb49 100%); /* gradient overlay */
background-image: -o-linear-gradient(bottom, #f7931d 0%, #f7931d 23.58%, #f7bb49 76.42%, #f7bb49 100%); /* gradient overlay */
background-image: -webkit-linear-gradient(bottom, #f7931d 0%, #f7931d 23.58%, #f7bb49 76.42%, #f7bb49 100%); /* gradient overlay */
background-image: linear-gradient(bottom, #f7931d 0%, #f7931d 23.58%, #f7bb49 76.42%, #f7bb49 100%); /* gradient overlay */
}

footer .item-101,footer .item-176, footer .item-177{
    display:none;
}

#footer3 .item-177, #footer1 .item-101{
    display:block;
}

#footer2 a{
    margin:0 26px 0 0;
}

#footer2 .first{
    margin-left:26px;
}

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

footer a:hover, footer a:active{
    color:#000;
}
/*
footer > div > div{
    float:left;
}
*/
#appointment aside{
    display:none;
}



/*========================================================== COPYRIGHT =======================*/

#copy{
    padding:10px 0 20px;
    color:#000;
    font-size:1.2em;
    background-color:#fff;
}

#copy a{
    color:#000;
    text-decoration: none;
    font-size: 12px !important;
}
/*
#footer2 ul {
    width:818px;
}
*/
#footer2 ul li.item-200 a {
    margin: 0;
}

footer .container{
    display: flex;
    width: 100%;
    justify-content: center;
}

.asnu-service-center {
  width: 300px;
  
 }