
.siteTitle, .siteTitle a, .siteTitle a:visited, .siteTitle a:hover {
font-family: 'Montserrat';
color: #FFFFFF;
}


.pageBody, .pageBody TD, .pageBody TH, .pageBody DIV, .tabbedpanelitemactive * {
color: #FFFFFF;
}


.pageBody A, .pageBody A:active, .pageBody A:visited, .pageBody A:hover,DIV.classes2Control A.addClassLink,.TableHeader A.removeRegistrantLink,A.customLink {
color: #66FCF1;
}


.pageBody .header,.pageBody .header *, #section-page-header .header {
font-family: 'Montserrat';
}


.pageBody .header,.pageBody .header *, #section-page-header .header {
font-size: 120%;
}


.pageBody .header,.pageBody .header *, #section-page-header .header {
color: #66FCF1;
}


.pageBody .header,.pageBody .header *, #section-page-header .header {
font-weight: bold;
}


.customHeader {
font-family: 'Georgia';
}


.mmenu
{
background-color: #45A29E;

}
.mmenu A:hover,  .mmenu li > a:hover, .mmenu li.mmenu-selected > a, .mmenu li.mmenu-selected > span
{
background-color: #2F6F6A;

}body.BG
{ background-color: #1F2833; }
#header .social-media-icons a.social-media-link, #header .social-media-icons a.social-media-link:visited, #header .social-media-icons a.social-media-link:hover
{ background-color: #66FCF1; }
#header .social-media-icons .social-media-icon
{ color: #1F2833; }.selectize-dropdown [data-selectable].option:not(.selected),
.selectize-input.items div.item {
    color: #262626;
}


.classDescriptionHint {
    background-color: #04050a;
}

.copyright-block
{
  padding-top: 60px;
}

#pageContentBodyFooter
{
  position: relative;
  top: -65px;
}

A.customCTA {
    background-color: #f44336;
    border: none;
    color: white;
    padding: 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1.2em;
    border-radius: 4px;
    transition-duration: 0.4s;
    font-weight: bold;
color:#fff;
}

div.page-address.cms-content p {background-color: transparent;}

.newsItemTitle {
    color: #67f7ec !important;
font-style:italic;}

A.customCTA:hover {
  background-color: #fff; /* Green */
  color: #000;}

.txtAsLabel 
{
color: white !important;
font-weight: normal;
}

.txtEditable
{
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

h2.header {font-size:50px}

.menuTopItem A, .menuTopItem A:hover, .menuTopItem A:visited 
{
    padding-top: 13px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 13px;
}
#header a.shopping_cart {
    height: 22px !important;
}

BODY
{
}
h2, h3, h4, h5 {font-family: 'Lato', sans-serif;}
H1
{
  color: white;
}
H2
{
  color: #45a29e; font-size:1.8em; 
}
H3
{
  color: #45a29e; font-size:1.4em;
}
#schedule-evaluation
{
color: white;
text-decoration: none;
}
a.tos:link 
{
color: white;
text-decoration:none;
}
a.tos:visited
{
color: white;
text-decoration:none;
}

center .message, .mainMessages, .innerMessage TR TD {
    margin: 1px;
    background-color: #fff !important;
border-color:#000;
}

/************************************ animated CTA*/


.containerCTA {
  width: 400px;
  height: 400px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.centerCTA {
  width: 180px;
  height: 60px;
  position: absolute;
}

.btnCTA {
  width: 180px;
  height: 60px;
  cursor: pointer;
  background: transparent;
  border: 1px solid #91C9FF;
  outline: none;
  transition: 1s ease-in-out;
}

svg {
  position: absolute;
  left: 0;
  top: 0;
  fill: none;
  stroke: #fff;
  stroke-dasharray: 150 480;
  stroke-dashoffset: 150;
  transition: 1s ease-in-out;
}

.btnCTA:hover {
  transition: 1s ease-in-out;
  background: #4F95DA;
}

.btnCTA:hover svg {
  stroke-dashoffset: -480;
}

.btnCTA span {
  color: white;
  font-size: 18px;
  font-weight: 100;
}
/*  ------- Styles below the line are not shown during page editing --------- */
.vlt176090Page
{
  background: url(/cache/210324_1155232/templates/granville/style/style_2/img/bottom_bg.png);
background-repeat: no-repeat;
}

.txtAsLabel 
{
color: white;
font-weight: normal;
}

.message, .mainMessages, .innerMessage TR TD {background-color: #333 !important;}

TABLE.message {       background-color: #d7d7d7 !important  }

.circle-elem2 {
    width: 8px;
    height: 8px;
    margin: 0px auto !important;
    background-color: #cccdcf;
    border-bottom: solid 1px #cccdcf;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    top: -5px;
}

.border-elem2 {
    width: 60%;
    margin: 0px auto;
    padding-top: 20px;
    border-bottom: solid 2px #d8d8d8;
}

.poweredByContainer { display: none; }
.phone-link { color: white !important; }
.page-summary { line-height: 150%; }

@media screen and (max-width: 767px)
{
  #siteTitle IMG { display:none; }
  #siteTitle  {    
      background-image: url(https://duy554ewuuwzm.cloudfront.net/photos/4/46/DMN_4654/image_vault/210403102842966_1.jpg);  
      width: 100%;  height: 78px;  
      background-position: center center; 
      background-repeat: no-repeat;
      margin-top: 12px; 
      }
}

.captionLabel { color: #fff; }
span.asterisk { color: #fff; }
.captcha { color: #fff; }
div.page-address.cms-content p { 
background-color: transparent !important; 
text-align: center !important;
}
div#msgList.mainMessages
{
background-color: #fff !important;
}
div#ctl00.mainMessages
{
background-color: #fff !important;
}

#msgList > center > table,
#msgList > center > table > tbody > tr > td.img,
#msgList > center > table > tbody > tr > td.error
{
    background-color: #fff !important;
}
.window .window-header {background-color: #45A29E;}
.window .window-body {background-color: #45a29e;}


.banner {
&#9;position: absolute;
&#9;top: 0; 
&#9;left: 0; 
&#9;magin-top: 10px;
&#9;background-color: #45A29E; 
&#9;width: 100%; 
}

.banner__content {
&#9;padding: 5px;
&#9;text-align: center;
&#9;margin: 0 auto;
}

#header {
&#9;padding-top: 110px;
}

@media screen and (max-width: 767px)
{
#header {
&#9;padding-top: 195px;
}
}

@media screen and (max-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
#header {
	padding-top: 270px;
}
}