/* gray version*/
/* add <link href="https://fonts.googleapis.com/css?family=Comfortaa|Josefin+Sans:300" rel="stylesheet"> to index.php */

ul.mod-menu{list-style-type: none;}
ul.mod-menu li{list-style-type: none;display: inline-block;padding-left:12px;}


/vis forms style */
label.vis_mandatory{display:none !important;}
label.asterix-ancor{display:none;}
.visCSSinput, .editor{width:94%;}
.visform input:not(.btn){padding:2% 2% 1%}
.visform textarea{width:94%;padding:2% 2% 1%;}
button.btn, input[type="submit"].btn{
padding: 10px 14px;
margin-bottom: 0;
line-height: 18px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #fff !important;
text-shadow: none;
background-image: none;
background-repeat: repeat-x;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border-width: 0px;
*margin-left: .3em;
font-weight: normal;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
-webkit-transition-property: color;
transition-property: color;
font-size:100%;
}
.visform [class^="fieldset-"].active {
  display: block;
  border: 0;
}

.visforms-form{margin-left:-14px;}
.visform input, .visform select, .visform textarea {
  border: 1px solid #999;
  padding: 8px 0px 8px 8px;
border-radius:2px;
}
.vis_mandatory{display:none;}
#modvisform291new-patient-or-returninglbl{display:none;}
#field5{margin-top:12px;}
/*.visCSSlabel{display:none;}*/
.visCSSmargLeft {margin-left:0;}
input.btn{padding:12px 36px;}
#field5_btn{border: 0;
background-color: transparent;}
.visicon-calendar::before {
  content: "\e603";
  font-size: 24px;
  color: #6E6E6E;
  line-height: 10px;
}
.visform input, .visform select, .visform textarea{
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
padding: 2% 2% 1%;
}

button.btn, input[type="submit"].btn{
    border-radius: 5px;
    background-color: #0b3c6e;
    color:#fff;
    padding: 7px 12px;
    font-weight: 100;
    text-shadow: 1px 1px 1px rgba(0,0,0,.20);
}
.visicon-calendar{padding: 21px 6px 0px 1px;margin-top: -14px;}
.visicon-calendar::before {color: #fff;}

.visform input:not(.btn), .visform textarea {
  padding: 2% 2% 1%;
  background-color: #fff;
}
.visBtnCon{clear:both;}
#captcha-lblmodvisform234{text-align: center;width: 100%;margin-bottom: 18px;}
#captchacode1{margin-left:6px;}

body {
   font-family: Verdana, Geneva, sans-serif;
   color: #000;
   font-size: 15px;
   margin: 20px 0px;
   background-color: #C2A061;
   padding: 0px;
   background-image: url(/images/Background5.jpeg);
   background-repeat: repeat-x;
   background-position: center top;
   margin: 25px 12px;
   line-height: 1.5em;
}

body img {max-width: 100%;}
h1, h2, h3, h4 {font-family: 'Raleway', 'Helvetica', arial, serif;color: #D69129;}
h2 {font-size: 150%;line-height: 160%;}
.smaller {font-size: smaller;}
a {color: #D69129;}
a:hover {color:#b07318;}

.readon{
    border-radius: 5px;
    background-color: #0b3c6e;
    color:#fff;
    padding: 7px 12px;
    font-weight: 100;
    text-shadow: 1px 1px 1px rgba(0,0,0,.20);
    }
.readon:hover{background-color: #1ca3db; color:#C6FFFF;}

#container {width: 100%;max-width: 980px; margin: 0 auto; border-radius: 8px; box-shadow: 0px 0px 20px rgba(0,0,0,.30);}

#topbar {border-radius: 8px 8px 0 0; background: rgb(16 94 159);
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2E4ZGFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUzJSIgc3RvcC1jb2xvcj0iIzI4NzRjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZTU3OTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(168, 218, 244, 1) 1%, rgba(40, 116, 204, 1) 53%, rgba(30, 87, 153, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(168, 218, 244, 1)), color-stop(53%, rgba(40, 116, 204, 1)), color-stop(100%, rgba(30, 87, 153, 1)));
    background: -webkit-linear-gradient(top, rgba(168, 218, 244, 1) 1%, rgba(40, 116, 204, 1) 53%, rgba(30, 87, 153, 1) 100%);
    background: -o-linear-gradient(top, rgba(168, 218, 244, 1) 1%, rgba(40, 116, 204, 1) 53%, rgba(30, 87, 153, 1) 100%);
    background: -ms-linear-gradient(top, rgba(168, 218, 244, 1) 1%, rgba(40, 116, 204, 1) 53%, rgba(30, 87, 153, 1) 100%);
    background: linear-gradient(to bottom, rgba(168, 218, 244, 1) 1%, rgba(40, 116, 204, 1) 53%, rgba(30, 87, 153, 1) 100%);*/}
#topbar h3 {margin:0; font-family: Raleway, Arial, serif;color: #99FFFF;padding: 4px 20px 4px 20px;font-size: .9em;font-weight: 300;letter-spacing: 0.05em;}

#header-surround{ background-color:#1268AF; position: relative;}
#header{background-color:#1268AF; height:auto;padding:0;margin: 0;width: auto;}
#header-b {float: right;}
#header-b h2 {
       font-family: 'Paytone One', sans-serif;
    font-weight: 900;
    font-size: 36px;
    line-height: 38px;
    color: #D2EBF9;
    text-shadow: 2px 2px #000000;
    margin-top: 2%;
   text-align: right;
   padding: 10px 30px 0 30px; 
   margin: 0;
}
#header-height{height:0px;}

#drawer-holder{background-color:#1CA3DB;padding:8px 25px;}
#drawer {padding: 0px 0px;margin: 0;/* overflow: hidden; */}

#showcase{}
#showcase a{}

#top{color: #424242;background-color: #F5F6F8;box-shadow: 0px 1px 0 #dde0e7;}
#top::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;} /*dropdown triangle */
#top h2, #top h3, #top h4{color:#656565}

#utility{color: #2C2C2C;background-color: #FFFFFF;}
#utility h2, #utility h3, #utility h4{color:#656565}

#feature{
background-image: url(../images/backgrounds/feature/preset1/bg.png);
color: #000000;
background-color: #F5F6F8;
border-top: 1px solid #dde0e7;
border-bottom: 1px solid #dde0e7;
}
#feature h2, #feature h3, #feature h4{color:#656565}
#maintop{color: #424242;background-color: #f5f6f8;}
#maintop h2, #maintop h3, #maintop h4{color:#656565}

#expandedtop{background-color: #FFFFFF;color: #2C2C2C;}
#expandedtop h2, #expandedtop h3, #expandedtop h4{color:#656565}

#content-top{background-color: #FFFFFF;color: #6E6E6E;}
#content-top h2, #content-top h3, #content-top h4{color:#656565}

#mainbody{background-color: #f3dfb0;background-image: url(/images/bg.jpeg);padding: 0;width: 100%;display: flex;align-items: stretch;border-top:  1px solid #fff;}

.main-content-container {width: 68%;}

.main-content-container-full {
    padding: 0 3%;
    width: 94%;
}

#sidebar-a{
background-color: #fff; /* or AFAFAF #78bf57 or #888888*/
color: #5e5e5e;
font-size:85%;
}
#sidebar-a h2, #sidebar-a h3, #sidebar-b h2, #sidebar-b h3{color:#D69129;text-shadow: none;font-size: 16px; font-weight: bold;font-family: Verdana, Geneva, sans-serif;}
.sidebar-b-container {
    margin-right: 3%;
    background-color: #FFF4BF;
    background-image: -ms-linear-gradient(top, #FFF4BF, #F2DDAE);
    background-image: -moz-linear-gradient(top, #FFF4BF, #F2DDAE);
    background-image: -webkit-linear-gradient(top, #FFF4BF, #F2DDAE);
    background-image: linear-gradient(top, #FFF4BF, #F2DDAE);
    width: 26%;
    }
#sidebar-b{font-size:85%;padding: 10px 10px 20px 15px;}
#sidebar-b .readon {font-size: 115%;}

#content-bottom{color: #6E6E6E;background-color: #FFFFFF;}
#content-bottom h2, #content-bottom h3, #content-bottom h4{color:#656565}
#content-bottom-boxes {border-top: 1px solid #ccc;/* padding-top: 53px; */}
#expandedbottom{
color: #424242;
background-color: #f5f6f8;
border-top: 1px solid #dde0e7;
box-shadow: 0px 1px 0 #dde0e7;
}

#expandedbottom::after {color: #F5F6F8;text-shadow: 0px 2px 0 #dde0e7;}
#expandedbottom h2, #expandedbottom h3, #expandedbottom h4 {color: #6A6A6A;}

#mainbottom{background-color: #FFFFFF;color: #6E6E6E;}
#mainbottom h2, #mainbottom h3, #mainbottom h4{color:#656565}

#extension{
background-image: url(../images/backgrounds/extension/preset1/bg.png);
color: #000000;
background-color: #cdcdcd;
}
#extension a{color:#07659e}
#extension h2, #extension h3, #extension h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#fullwidth{color: #6E6E6E;background-color: #FFFFFF;}
#fullwidth h2, #fullwidth h3, #fullwidth h4{color:#656565}

#bottom{
background-image: url(../images/patterns/noise.png);
background-color: #8c8c8c;
color: #f1f1f1;
text-shadow: 1px 1px 0 rgba(0,0,0,0.2);
}
#bottom h2, #bottom h3, #bottom h4{color:#fff;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#footer{
background-image: none;
color: #660000;
background-color: #c2a0619;
border-top: 1px solid rgba(0,0,0,0.2);
font-size:80%;
}
#footer a {color: #660000;}
#footer h2, #footer h3, #footer h4{color:#e8e8e8;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}

#copyright{
background-image: url(../images/patterns/noise.png);
color: #5f5f5f;
background-color: #2d2d2d;
border-top: 1px solid rgba(0,0,0,0.2);
padding-top:6px;
padding-bottom:24px;
}
#copyright h2, #copyright h3, #copyright h4{color:#787878;text-shadow: 1px 2px 0 rgba(0,0,0,0.2);}


/* full width slider */
#showcase-a.width-95{width:100%;}


.fp-round-image-bottom-first-image{display:inline-block;margin:1%;width:220px;vertical-align:top;}
.lnee p{margin:0 0 15px} /* for the custom latest news enhanced module */
/* div.newsintro p:last-of-type {display:inline-block;} */

/*Fancy photo border*/
.fancy {background-color: #F2F2F2;border-radius: 4px;padding: 1%;border: 1px solid rgba(255, 255, 255, .2);box-shadow: 0px 0px 10px rgba(0, 0, 0, .65);max-width:  98%;}
#sidebar-b .fancy {max-width: 180px; padding: 5px;box-shadow: 0px 0px 10px rgba(0, 0, 0, .55);}

/*Lists*/
#main-content ul, #sidebar-b ul {
    margin: 0 0 2em 1.8em;
    padding: .4em 0 0 .4em;
    line-height: normal;
}

#main-content ul, #sidebar-b ul {
    list-style-image: url(/images/ball.gif);
}

#sidebar-b ul li, #main-content ul li {
    margin-bottom: 4px;
}

/*Two Columns*/
.twocol {width: 50%; float: left;}

.show960{display:none;}
.show-over-1200{display:block;}
.show1200{display:none;}
.show767{display:none;}

/*MENU*/

/*Align menu left*/
div#maximenuck197 {
    margin-left: auto; 
    text-align: left;
}

div#maximenuck197 ul.maximenuck {
   padding-left: 0;
}

/*adjust mobile button */
.mobilemenuck-bar-button {position: relative;float: right;margin-top: 0;}
#maximenuck197-mobile-bar{overflow: hidden;}

/*remove underline*/
div#maximenuck197 .maxiFancybackground {display: none;}

/*change to not uppercase*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck, div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator {
   text-transform: none;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1 > span.separator{
    color: #C6FFFF;
    font-size: 1.2em;
    font-family: Raleway, Arial, serif;
    padding: 6px 10px;
    text-decoration: none;
    border: 1px solid;
    border-radius: 5px;
    border-color: #003399;
    display: block;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a, div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator{
background: #0b3c6e;border-color: #c7c7c7;}

div#maximenuck197 ul.maximenuck li.maximenuck.level1 {
    margin-right: 10px; 
}

/*Active menu item color*/
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > a span.titreck,
div#maximenuck197 ul.maximenuck li.maximenuck.level1:hover > span.separator,
div#maximenuck197 ul.maximenuck li.maximenuck.level1.active > span.separator {
       color: #fff;}

/*remove dropdown arrw*/
div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > a:after, div#maximenuck197.maximenuckh ul.maximenuck li.level1.parent > span.separator:after{
   display: none;
}

div#maximenuck197 ul.maximenuck li.maximenuck.level1 > a span.titreck {font-weight: 600;}

@media only screen and (max-width: 1200px) {
.show-over-1200{display:none;}
.show1200{display:block;}
.fp-round-image-bottom-first-image{display:none;}
}

@media only screen and (max-width: 960px) {
.show960{display:block;}
.hide960{display:none;}
}

@media only screen and (max-width: 959px) {
    .main-content-container {
        padding: 0 3%;
        width: 94%;
    }
        #sidebar-b {
        padding: 15px 3%;
        width: 94%;
        background-color: #FFF4BF;
        background-image: -ms-linear-gradient(top, #FFF4BF, #F2DDAE);
        background-image: -moz-linear-gradient(top, #FFF4BF, #F2DDAE);
        background-image: -webkit-linear-gradient(top, #FFF4BF, #F2DDAE);
        background-image: linear-gradient(top, #FFF4BF, #F2DDAE);
    }
#mainbody {
    display: block;
    width: 100%;
    padding: 0;
}
}

@media only screen and (max-width: 767px) {
.show767{display:block;}
.hide767{display:none;}
.layout-slideshow .sprocket-features-content{background:none;}
.layout-slideshow{margin-top:0px;}
#header-a {margin: 0;padding: 0;text-align:center;width:100%;}
#header-b {float: none;}
#header-b h2 {text-align: center;}
    .twocol {width: 100%; float: left;}
}

@media (max-width: 640px) {
div#maximenuck197 ul.maximenuck li.maximenuck.level1{text-align:right;padding-top: 12px;padding-right:4px !important}
div#maximenuck197 div.floatck{background-color:transparent;border-color:transparent;}
div#maximenuck197 ul.maximenuck li.maximenuck a{text-align:right;}
div#maximenuck197 ul.maximenuck2 a{text-align:right;}
div#maximenuck197 div.floatck{margin-top:0px;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a:hover{color:#ccc;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a{color:#fff;}
div#maximenuck197 ul.maximenuck li.maximenuck ul.maximenuck2 li > a:hover{color:#ccc;}
#drawer-holder {padding: 0px 10px;}
#drawer {width: 100%;}
[data-id="maximenuck197"] .mobilemenuck-bar-button {height: 45px;}

@media (max-width: 480px) { ... }
