/*TEXT STYLES*/
body {font-size: 14pt; line-height: 1.5;}
h1 {font-size: 36pt;}
h2 {font-size: 24pt;}

@media only screen and (max-width: 480px) {
  body {font-size: 12pt;}
  h1 {font-size: 28pt;}
  h2 {font-size: 20pt;}
}

.teaser {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.45);
}

.CTABlock {
 padding: 10px;
  width: 100%;
  background-color: rgba(33, 33, 33, 0.85);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.45);
}

.MKVbox {
 padding: 10px;
  width: 75%;
  background-color: rgba(33, 33, 33, 0.85);
  box-shadow: 0px 2px 4px rgba(0,0,0,0.45);
}

.phone table:last-child {
    margin-left: 0px !important;
} 

.imgborder {
  box-shadow: 0px 2px 4px rgba(0,0,0,0.45);
 border: 4px solid #0091A1; 
}

.phone table {
 margin-bottom: 10px; 
}

.BBB {
     margin-bottom: 0em !important;
}

.sms_container {
    margin: 5px 5px 5px 0px;
}

.rsp_kv.section {
 padding: 125px 0;  
}

@media (max-width: 768px) {
  .conversion tr td {
    padding: 10px 0px 10px 0px !important;
  }
  
  .conversion tr td:first-child {
   padding-top: 0px !important; 
  }
  
  .conversion tr td:last-child {
   padding-bottom: 0px !important; 
  }
  
  .MKVbox {
  width: 100% !important;
  }
  
  .MKVbox span {
  font-size: 24pt !important;
  }

.phone {
    text-align: center !important;
font-size: 14pt !important;
}

.MKVtext {
font-size: 24pt !important;
}

.CTAtext {
font-size: 17pt !important; 
}

.CTAnum {
font-size: 19pt !important;
}

}

h1 {
font-family: 'Oswald';
}

h2 {
font-family: 'Oswald';
}

#nav {
 font-family: 'Oswald';
}

#sticky-navContainer {border-bottom: 3px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.701961) 0px 0px 10px -2px; 
}

#footer {
  border-top: 3px solid #fff;
  box-shadow: rgba(0, 0, 0, 0.701961) 0px 0px 10px -2px; 
}

#footer span, #footer div, #footer p, .footercontent, #footer font, #footer a, #footer a:hover, #footer a:visited {
    font-family: 'Oswald';
}

.rsp_content a {text-decoration:none; font-weight:bold;}
.rsp_content a:hover:not(.button) {text-decoration:underline;}

.section ul, .section ol {
    margin: 0 25px 0px;
}

.fullwidthStatic, .fullWidthStatic {
    -moz-transform: none;
}


#Submit-id > div > input {
     font-size: 13pt;
}

body {background: #ffffff;}

/*PRIMARY COLOR*/
.primaryColor, .companyname, h1, h3, a {color: #00bcd4;}
.primaryColorbg, .secondary-webcomMenu {background: #00bcd4;}
.primaryColorbg, #navContainer ul ul:before, .secondary-webcomMenu {border-color: #00bcd4;}
.hamburger div, {color: #00bcd4; border-color: #00bcd4;}
.hamburger span, .hamburger span:before, .hamburger span:after {background-color: #00bcd4;}
.secondary-webcomMenu li {border-bottom: 1px solid #00bcd4;}

/*PRIMARY COLOR TEXT*/
.primaryColorbg, .primaryColorbg a, .primaryColorbg .hamburger div, .secondary-webcomMenu {color: #ffffff;}
.primaryColorbg .hamburger div {border-color: #ffffff;}
.primaryColorbg .hamburger span, .primaryColorbg .hamburger span:before, .primaryColorbg .hamburger span:after {background-color: #ffffff;}

/*ACCENT COLOR*/
.accentColorbg, .accentButton {background-color: #0097a7;}

/*ACCENT COLOR TEXT*/
.accentColor, h2, h4, h5, h6, .sectionTitle, .accentColorbg, .accentButton {color: #0097a7;}

/*FOOTER*/
#mtx_footer {background-color: #00BCD4;}
#footer span, #footer div, #footer p, .footercontent, #footer font, #footer a, #footer a:hover, #footer a:visited {color: #ffffff;}

/*BUTTON*/
.button, a.button, .button a, .wsp_print_btn_text, #layout input.form-element[type="submit"] {
	color: #ffffff;
	background: #00bcd4;
	border-radius: 0px;}

.button:hover, a.button:hover, .button a:hover, .wsp_print_btn_text:hover, #layout input.form-element[type="submit"]:hover {
	background: #33c9dd;}

.buttonGhost, a.buttonGhost, .buttonGhost a {
	border-color: #00bcd4;
	color: #00bcd4;}

.buttonGhost:hover, a.buttonGhost:hover,.buttonGhost a:hover {
	background: #00bcd4;
	color: #ffffff;}

.buttonInverted, a.buttonInverted,.buttonInverted a {
	color: #00bcd4;
	background: #ffffff;}

.buttonInverted:hover, a.buttonInverted:hover, .buttonInverted a:hover {
	color: #33c9dd;
	background: #ffffff;}

.buttonGhost.buttonInverted, a.buttonInverted.buttonGhost, .buttonInverted.buttonGhost a {
	border-color: #ffffff;
	color: #ffffff;}

.buttonGhost.buttonInverted:hover, a.buttonInverted.buttonGhost:hover, .buttonInverted.buttonGhost a:hover {
	color: #00bcd4;
	background: #ffffff;}
/*---------------------------------*/
/*--- NAV ANIMATION TOP AND BOTTOM OUT---*/
/*---------------------------------*/
li.primary-webcomMenuItem > a { position: relative; }
li.primary-webcomMenuItem > a:hover { text-decoration: none; }
li.primary-webcomMenuItem > a:before, li.primary-webcomMenuItem > a:after {position: absolute;left: 0px;width: 100%;height: 2px;content: "";opacity: 0;transition: all 0.3s;background: rgb(255, 255, 255);}
li.primary-webcomMenuItem > a:before {top: 10px;transform: translateY(10px);}
li.primary-webcomMenuItem > a:after{bottom: 10px;transform: translateY(-10px);}
li.primary-webcomMenuItem > a:hover:before, .primary-webcomMenuItem > a:hover:after, li.selected.primary-webcomMenuItem > a:before, li.selected.primary-webcomMenuItem > a:after{opacity: 1;transform: translateY(0px);}
li.selected.primary-webcomMenuItem > a:before, li.selected.primary-webcomMenuItem > a:after{background: rgb(255, 255, 255);}
/*---------------------------------*/
/*--- END NAV ANIMATION ---*/
/*---------------------------------*/