@charset "UTF-8";
/* CSS Document */
#accordian {
  background: #00837C;
  margin: 0px auto 0 auto;
  color: white;
}

#accordian ul {
  padding: 0;
}

#accordian h3 {
  background: #575756;
}
#accordian h3 a {
  font-size: 14px;
}

#accordian .pre-link {
  padding: 10px 10px;
  font-size: 13px;
  line-height: 14px;
  display: inline-block;
  color: white;
  text-decoration: none;
  width: 220px;
}

#accordian .pre-link::after {
  display: none;
}

#accordian .plus {
  width: 30px;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  height: 30px;
  cursor: pointer;
}

#accordian .plusChild {
  width: 30px;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  height: 30px;
  cursor: pointer;
}

#accordian h3:hover {
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

i {
  margin-right: 10px;
}

#accordian li {
  list-style-type: none;
}

#accordian ul ul li a,
#accordian h4 {
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 27px;
  display: block;
  padding: 0 15px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
}

#accordian ul ul li a:hover {
  background: #003545;
  border-left: 5px solid lightgreen;
}

#accordian ul ul {
  display: none;
}

#accordian li.active > ul {
  display: block;
}

#accordian ul ul ul {
  margin-left: 15px;
  border-left: 1px dotted rgba(255, 255, 255, 0.5);
}

#accordian ul li a:not(:only-child):after {
  content: "\f055";
  font-family: fontawesome;
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 14px;
}

#accordian .active > a:not(:only-child):after {
  content: "\f056";
}

#accordian ul li i:not(:only-child):after {
  content: "\f055";
  font-family: fontawesome;
  position: absolute;
  right: 30%;
  top: 30%;
  font-size: 14px;
  font-style: normal;
}

#accordian .active > i:not(:only-child):after {
  content: "\f056";
}

#accordian .active > h3 i:not(:only-child):after {
  content: "\f056";
}
.dismissible {
	color: #222;
	font-size: 16px;
	line-height: 22px;
	position: relative;
	overflow: hidden;
}

 .dismissible span {
	background: #fff;
	border-radius: 5px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, .2);
	box-sizing: border-box;
	display: block;
	margin: 0 auto 20px auto;
	padding: 10px 40px 10px 10px;
	position: relative;
    height: 40px;
 }

.dismissible button {
	background: rgba(0, 0, 0, .4);
	border: 0;
	border-radius: 100%;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	line-height: 20px;
	margin-top: -12px;
	right: 10px;
	position: absolute;
	top: 50%;
	width: 24px;
}

.dismissible button:focus {
	outline: none;
}

.dismissible-error span {
	background-color: #FF5252;
	border-color: #FF1744;
	color: #fff;
}

.dismissible-error button {
	background-color: #D50000;
	color: #FFCDD2;
}

.dismissible-info span {
	background-color: #ff9f00;
width: 100%;
text-align: center;
      white-space: nowrap;
      overflow: hidden;
      position: relative;
    max-width: 1080px;
}
.dismissible-info span a{
    cursor: pointer;
	color: #fff;

}
.dismissible-info span a strong{
    display: inline-block;
      -webkit-animation: marquee 12s 2 linear;
          animation: marquee 12s 2 linear;
}

@keyframes marquee {

    0% {
      transform: translateX(200%);
    }
    100%{
    transform: translateX(-200%);
    }
  }

.dismissible-info span a:hover{
    cursor: pointer;
	color: #FFFCCC;

}
.dismissible-info button {
	background-color: #683C04;
	color: #ffffff;
}

.dismissible-success span {
	background-color: #9CCC65;
	border-color: #7CB342;
	color: #fff;
}

.dismissible-success button {
	background-color: #7CB342;
	color: #DCEDC8;
}

.dismissible-warning span {
	background-color: #FFA726;
	border-color: #FB8C00;
	color: #fff;
}

.dismissible-warning button {
	background-color: #FB8C00;
	color: #FFE0B2;
}
@media only screen and ( max-width: 1080px ) {@keyframes marquee {

    0% {
      transform: translateX(150%);
    }
    100%{
    transform: translateX(-150%);
    }
  }}
@media only screen and ( max-width: 600px ) {@keyframes marquee {

    0% {
      transform: translateX(120%);
    }
    100%{
    transform: translateX(-120%);
    }
  }}

/*

font-family: 'Open Sans Condensed', sans-serif;

font-family: 'Open Sans', sans-serif;

*/
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

a[href$=".pdf"]:before {
  content: "\f1c1";
  font-family: FontAwesome;
  padding-right: 10px;
  color: #47bab9;
}

#nopdflink[href$=".pdf"]:before {
  content: "";
  padding-right: 0;
  color: red;
}

#pagewrap-nh {
  background-position: center center;
  background-size: cover;
  margin: 0 0 0;
  color: #564988;
  padding: 0px 40px;
  /*overflow: scroll;*/
}

#pagewrap-course {
  background-position: center center;
  background-size: cover;
  margin: 0 20px;
  color: #564988;
  padding: 0px;
  /*overflow: scroll;*/
}

#slide1 {
  z-index: -2;
}

#slide133 {
  padding: 100px 0 0 0;
  position: relative;
  z-index: 1;
  background-color: #d8d5e3;
}

#header {
  /*height: 100px;*/
}

#appIcon {
  /*border: solid 1px #ccc;*/
  float: left;
}

/* New Elements for ecommerces */
.block {
  max-width: 1080px;
  margin: 0 auto;
}

.list-element__container {
  max-width: 1080px;
  margin: 0 auto;
}

.content-element__content img {
  height: 100%;
}

/*
.element:first-child:nth-last-child(1) {
  width: 100%; }

.element:first-child:nth-last-child(2),
.element:first-child:nth-last-child(2) ~ .element{
  	line-height: 2em;
	display: inline-block;
	margin: 0 3% 0 0;
	vertical-align: top;
	width: 45%;
}

.element:first-child:nth-last-child(3),
.element:first-child:nth-last-child(3) ~ .element  {
  	width: 32%;
	display:inline-block;
}

.element:first-child:nth-last-child(4),
.element:first-child:nth-last-child(4) ~ .element  {
  	width: 25%;
	display:inline-block;
}*/
/* blog elements homepage*/
.blog-element:first-child:nth-last-child(1) {
  width: 100%;
}

.blog-element:first-child:nth-last-child(2),
.blog-element:first-child:nth-last-child(2) ~ .blog-element {
  line-height: 2em;
  display: inline-block;
  margin: 0 3% 0 0;
  vertical-align: top;
  width: 45%;
}

.blog-element:first-child:nth-last-child(3),
.blog-element:first-child:nth-last-child(3) ~ .blog-element {
  display: inline-block;
  margin: 0px 10px 0 0;
  vertical-align: top;
  width: 32%;
  background-color: #0072bc;
  position: relative;
}

.blog-element:first-child:nth-last-child(4),
.blog-element:first-child:nth-last-child(4) ~ .blog-element {
  width: 25%;
  display: inline-block;
}

/* features element */
.rowfeature:first-child:nth-last-child(1) {
  width: 100%;
}

.rowfeature:first-child:nth-last-child(2),
.rowfeature:first-child:nth-last-child(2) ~ .rowfeature {
  line-height: 2em;
  display: inline-block;
  margin: 0 3% 0 0;
  vertical-align: top;
  width: 45%;
}

.rowfeature:first-child:nth-last-child(3),
.rowfeature:first-child:nth-last-child(3) ~ .rowfeature {
  display: inline-block;
  margin: 0px 10px 0 0;
  vertical-align: top;
  width: 32%;
  position: relative;
}

.rowfeature:first-child:nth-last-child(4),
.rowfeature:first-child:nth-last-child(4) ~ .rowfeature {
  width: 25%;
  display: inline-block;
}

/* success */
.success-back {
  background-color: #E8E8E4;
}

.SuccessHide .latest-n .blog-element .columnfix .BlogImg {
  display: none;
}

/* video block */
.videoiframe iframe {
  height: 100%;
  width: 300px;
}

/* search box

.search-box .text .middleColumn, .search-box .textarea .middleColumn  {
	background: #E8E8E4;
	position: absolute;
	top: 54px;
	right: 28.7%;
	width: 350px;
	height: 60px;
	line-height: 60px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-top:4px solid #D80B15;
	display: none;
}
*/
.search-hide-mob .text .middleColumn, .search-box .text .middleColumn, fieldset .textarea .middleColumn {
  border: none;
  width: 200px;
  margin: 4px 0;
  float: left;
}

/*.search-hide-mob .text .middleColumn input,.search-box  .text .middleColumn input, fieldset .textarea .middleColumn .textarea {
    width: 200px;
    padding: 10px;
    display: block;
    font-family: 'HelveticaNeue', sans-serif;
    border: none;
}*/
#cssmenu > ul > li > .fa-search {
  margin: 0 0;
  padding: 17px 25px;
  border-right: 1px solid white;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  color: #564988;
  text-transform: capitalize;
}

.search-box #SearchForm_SearchForm {
  margin: 0;
  padding: 0;
}

.search-box {
  background: #00837C;
  position: relative;
  margin: -2px 48px 0;
  left: 560px;
  right: 0;
  width: 300px;
  z-index: 2;
  display: none;
}

.search-box fieldset, .search-hide-mob fieldset {
  border: none;
}

#SearchResults {
  padding: 0px;
}

#SearchResults li {
  padding: 10px;
  list-style: none;
}

#SearchResults li:nth-child(odd) {
  background: #f5f5f5 url("../images/bg.jpg") no-repeat left top;
  color: #3a817b;
  border-radius: 6px;
}

.search-box input[type=submit] {
  width: 60px;
  height: 34px;
  padding: 8px 0;
  background: #575756;
  color: #fff;
  margin: 6px;
  border: 1px solid #575756;
  outline: none;
  cursor: pointer;
  float: right;
}

.search-box input[type=text] {
  width: 200px;
  padding: 6px 10px;
  margin: 2px 23px 0 0;
  border: 1px solid #575756;
  outline: none;
  font-size: 14px;
  height: 20px;
}

.search-box input[type=button] {
  width: 80px;
  padding: 5px 0;
  background: #D80B15;
  color: #fff;
  margin-left: -6px;
  border: 1px solid #575756;
  outline: none;
  cursor: pointer;
}

/* Blog css styles*/
.blog3column {
  display: inline-block;
  margin: 0px 10px 20px 0;
  vertical-align: top;
  width: 100%;
  background-color: #0072bc;
}

.blog3column ul {
  list-style: square outside;
  margin: 0 20px;
  padding: 0 20px;
  color: #ffffff;
}

.blog3column h3 {
  font-size: 20px;
  line-height: 22px;
  padding: 20px 20px 0;
  color: #ffffff;
}

.blog3column p {
  font-size: 14px;
  padding: 0 20px;
  color: #ffffff;
}

.blog3column p, .blog3column h5, .blog3column h3 {
  width: 55%;
}

.blog3column .BlogImg {
  width: 40%;
  height: auto;
  float: right;
  margin: 0 0 0 20px;
}

#pagewrap .element img {
  height: 100%;
}

#pagewrapBlog a {
  color: #ffffff;
}

.pagewrapBlog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.pagewrapBlog a {
  color: #ffffff;
}

.post-summary {
  width: 45%;
  display: inline-block;
  vertical-align: top;
  margin: 20px;
}

.post-summary h2 {
  font-size: 20px;
}

.post-image a img {
  width: 100%;
  height: 100%;
}

.post-image {
  float: left;
  width: 50%;
  margin: 10px;
}

.pagination {
  margin: 5px 0px;
  text-align: right;
}

.pagination ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a, .pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
  color: #369;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a, .pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: white;
  cursor: default;
}

.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
  border-left-width: 1px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}

/* =====================*/
#nav3 {
  margin: 100px auto;
  z-index: 1;
  position: absolute;
  padding: 5px 10px 3px 10px;
  -moz-border-radius: 5px;
  max-width: 1080px;
}

#nav3 a {
  padding: 4px 4px;
  color: #fff;
  margin: 0px;
  text-align: center;
  text-decoration: none;
  font-size: 28px;
}

#nav3 a.activeSlide {
  opacity: 0.5;
}

#nav3 a:focus {
  outline: none;
}

.cycle-slideshow {
  border-radius: 6px;
  margin: 2px auto;
  padding: 0;
  height: 450px;
  width: 100%;
  max-width: 1080px;
  -webkit-background-size: cover;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  color: #fff;
  z-index: 0;
}

.cycle-slideshow #slide10000 {
  border-radius: 6px;
}

.slidenav {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

#NoHeader {
  height: 154px;
  width: 100%;
}

#slide10000 .container {
  padding: 350px 100px;
}

.Actions .action, .Actions .resetformaction {
  font-size: 14px;
  color: #fff;
  border: none;
  border-radius: 6px;
  background: #575756;
  padding: 5px;
  margin: 3px 0;
  cursor: pointer;
}

.error-list {
  display: none;
}

.middleColumn .error {
  color: red;
  padding: 0 10px;
}

.userformcss {
  max-width: 350px;
}

.userform-fields .text .middleColumn, .userform-fields .textarea .middleColumn {
  width: 100%;
  margin: 10px 0;
}

.userform-fields .text .middleColumn input, .userform-fields .textarea .middleColumn .textarea {
  width: 100%;
  padding: 10px;
  display: block;
  font-family: "HelveticaNeue", sans-serif;
  border: 1px solid #d3d3d3;
  /* Safari 3-4, iOS 1-3.2, Android 1.6- */
  /* Icon block */
  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

.nocaptcha .left {
  display: none;
}

/*re-captcha resizing css by Ash Harrison/DeviBrigard*/
.contentleft {
  color: #564988;
  font-family: "HelveticaNeue", sans-serif;
}

.contentleft p {
  font-size: 16px;
  font-family: "HelveticaNeue", sans-serif;
  line-height: 20px;
}

.contentleft h3 {
  font-size: 32px;
  font-family: "HelveticaNeue", sans-serif;
  line-height: 40px;
}

#header, #content, #middle, #sidebar {
  margin-bottom: 5px;
}

#pagewrap-pointy {
  margin: 10px;
}

.pagewraptest {
  min-height: 400px;
  max-width: 600px;
  margin: 0 100px;
  padding: 80px 0;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}

.pagewraptest p {
  margin: 20px 0 !important;
}

#slidetext h1, #slidetext h2, #slidetext h3, #slidetext h4, #slidetext h5, #slidetext h6 {
  color: #ffffff;
  text-decoration: none;
  margin: 0;
}

.inner h1 {
  margin: 0;
}

.contentright a {
  color: #aa9acb;
}

.contentleft a {
  color: #aa9acb;
}

.contentleft {
  line-height: 2em;
  display: inline-block;
  margin: 0 3% 0 0;
  vertical-align: top;
  width: 45%;
}

.contentright {
  line-height: 2em;
  display: inline-block;
  margin: 0 3% 0 0;
  vertical-align: top;
  width: 45%;
}

.content2left {
  line-height: 2em;
  display: inline-block;
  vertical-align: top;
  width: 60%;
  margin: 0 10px 0 6px;
}

.contentUserright {
  line-height: 2em;
  display: inline-block;
  margin: 0px 0 10px 0;
  vertical-align: top;
  width: 100%;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 300px;
  height: 100%;
}
.contentUserright img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-top: 8px;
}

.content2right {
  line-height: 2em;
  display: inline-block;
  margin: 0px 0 10px 0;
  vertical-align: top;
  width: 37%;
  border-radius: 6px;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 300px;
  height: 100%;
}

.content2right img {
  width: 100%;
  height: auto;
  border-radius: 6px;
  margin-top: 8px;
}

.successleft h3 {
  color: #ffffff;
}

.successleft p {
  color: #ffffff;
}

.successleft {
  line-height: 2em;
  display: inline-block;
  margin: 40px 0 0 65px;
  vertical-align: middle;
  width: 30%;
}

.successleft .morecont {
  font-family: "Open Sans Condensed", sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.successright {
  line-height: 2em;
  height: 100%;
  float: right;
  display: inline-block;
  margin: 0 0 0 0;
  vertical-align: top;
  width: 59%;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 26% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 26% 100%);
}

#pagewrap-success {
  height: 400px;
}

.contentright iframe {
  width: 100%;
}

.recaptcha {
  text-align: left;
  float: left;
  border: 3px solid #999;
  background-color: #fff;
}

.recaptchatable #recaptcha_image {
  margin: 0 !important;
  width: 200px !important;
}

.recaptchatable .recaptcha_r1_c1, .recaptchatable .recaptcha_r3_c1, .recaptchatable .recaptcha_r3_c2, .recaptchatable .recaptcha_r7_c1, .recaptchatable .recaptcha_r8_c1, .recaptchatable .recaptcha_r3_c3, .recaptchatable .recaptcha_r2_c1, .recaptchatable .recaptcha_r4_c1, .recaptchatable .recaptcha_r4_c2, .recaptchatable .recaptcha_r4_c4, .recaptchatable .recaptcha_image_cell {
  background: none !important;
}

#recaptcha_area, #recaptcha_table {
  max-width: 207px;
}

.recaptchatable {
  line-height: 1 !important;
}

.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
  height: 0;
  background: #ffffff;
  border-radius: 6px;
}

.contentthree iframe {
  width: 100%;
  height: 100%;
  min-height: 200px;
}

.contentthree p iframe {
  width: 100%;
  height: 100%;
}

.contentthreesecondary {
  margin: 0px auto 20px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 1080px;
}

.contentthree {
  line-height: 2em;
  display: inline-block;
  margin: 0px 10px 0 0;
  padding: 10px;
  vertical-align: top;
}

.contentfour {
  line-height: 2em;
  display: inline-block;
  margin: 0px 10px 0 0;
  padding: 10px;
  vertical-align: top;
  width: 23%;
  min-width: 235px;
}

.dates-c a {
  color: red;
}

.booknow {
  margin: 0 0 0 20px;
  float: right;
}

.booknow::after {
  font-family: "IcoMoon-Free";
  content: "";
  color: #ff4141;
  font-size: 16px;
}

.downloadpdf {
  padding: 12px 0;
  width: 50%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  position: relative;
  margin: 0;
  border-radius: 6px;
}

.downloadpdf a {
  font-size: 14px;
  color: #565657 !important;
  margin: 0 0 30px 0;
}

.downloadpdf a:before {
  content: "\f1c1";
  font-family: FontAwesome;
  padding-right: 10px;
  color: #F40F02;
}

.contentfullcourse {
  width: 80%;
  text-align: left;
  margin: 40px 0 0 0;
}

.accordion::before {
  content: "▼";
  color: #ffffff;
  padding: 0 5px 0 0;
  font-size: 20px;
}

.accordion {
  font-family: "HelveticaNeue", sans-serif;
  color: #ffffff;
  background-color: #00a6a2;
  border-radius: 6px;
  cursor: pointer;
  padding: 12px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  position: relative;
  margin: 0;
}

.panel {
  padding: 20px 0 0 0;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.2s ease-out;
  transition: max-height 0.2s ease-out;
}

.ifeatured {
  color: #999999;
  margin: 20px 0;
}

.FeaturedImg {
  height: auto;
  width: 100%;
}

.arrow {
  height: 47px;
  margin: 10px;
}

.test-list-item-2 {
  display: inline-block;
  margin: 0px 10px 20px 0;
  vertical-align: top;
  width: 48%;
  padding: 20px;
}

.testsecondary {
  margin: 0px auto 0;
  padding: 0;
  display: block;
  border-spacing: 10px;
}

.contentfull {
  display: inline-block;
  vertical-align: top;
  width: 48%;
  float: left;
  margin: 20px 0 20px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif;
}

.contentfull h5 span, .contentfull span {
  font-family: "HelveticaNeue", sans-serif !important;
}

.contentfull1text {
  display: block;
  vertical-align: top;
  width: 100%;
  float: none;
  margin: 20px auto;
  line-height: 24px;
}

.contentfull2 {
  display: inline-block;
  vertical-align: top;
  margin: 20px 0 20px;
  line-height: 24px;
}

.contentfull ul {
  padding: 0 0 10px 0;
}

.contentfull ul li {
  list-style: outside square;
  margin: 16px;
  padding: 0 10px;
}

#CourseHolderList {
  list-style: none;
  margin: 0;
  padding: 0;
}

#CourseHolderList li {
  list-style: none;
}

@media only screen and (max-width: 1024px) {
  .content2left {
    width: 100%;
    display: block;
    margin: 0 10px 0 0px;
  }
  .content2right {
    display: none;
  }
  .search-hide-mob input[type=text] {
    width: 180px;
    padding: 6px 10px;
    margin-left: 0px;
    border: 1px solid #575756;
    outline: none;
    font-size: 14px;
  }
  .search-hide-mob input[type=submit] {
    width: 40px;
    padding: 8px 0;
    background: #575756;
    color: #fff;
    margin: 6px;
    border: 1px solid #575756;
    outline: none;
    cursor: pointer;
    float: right;
  }
}
@media only screen and (max-width: 480px) {
  .accordion {
    max-width: 350px;
    width: 100%;
  }
  .cycle-slideshow {
    height: 550px;
  }
  .downloadpdf {
    max-width: 350px;
    width: 100%;
  }
  .pagewraptest {
    min-height: 200px;
    max-width: 400px;
    margin: 0 30px;
    padding: 50px 0;
  }
}
/** ----------------------------------------------------------
 *
 * Contains the generic theme typography styles
 *
 *    Include your notes or table of contents here
 *
 *    Include color hex's or values of your grid
 *      #333333             - body
 *      #B80000             - links, headings
 *      #D80000             - links on hover
 *      5px Vertical grid   - based on multiples of 5px, eg 10px, 15px, 20px, 25px...
 *
 *    @author Your Name <email@gmail.com>
 *
 * ------------------------------------------------------- */
/* TEMPLATE CUSTOM FONTS */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 20, 2012 06:04:25 AM America/New_York */
/* add your own custom fonts here */
@font-face {
  font-family: "IcoMoon";
  src: url("../webfonts/IcoMoon-Free.eot");
  src: url("../webfonts/IcoMoon-Free.eot?#iefix") format("embedded-opentype"), url("../webfonts/IcoMoon-Free.woff") format("woff"), url("../webfonts/IcoMoon-Free.ttf") format("truetype"), url("../webfonts/IcoMoon-Free.svg#IcoMoon-Free") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "FontAwesome";
  src: url("../webfonts/fontawesome/webfonts/fa-solid-900.eot");
  src: url("../webfonts/fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../webfonts/fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("../webfonts/fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("../webfonts/fontawesome/webfonts/fa-solid-900.svg#IcoMoon-Free") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* BASE TYPOGRPHY */
/* These are the default styles for the Simple theme */
body {
  line-height: 21px; /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */
  margin-bottom: 20px;
  color: #575756;
  font-family: "HelveticaNeue", sans-serif;
}

body a {
  text-decoration: none;
} /* this removes the underline from all links */
body a:link {
  -webkit-tap-highlight-color: #47bab9;
} /* this sets the highlight color when links are tapped on Safari (browser) on iPhone */
/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
  font-family: "Trebuchet", Trebuchet, sans-serif; /* This references one of the custom @font-face fonts - the other fonts that are referenced are fallbacks for browsers that don't support @fontface */
  font-weight: normal;
  margin-bottom: 10px;
  color: #00837c;
}

.typography h1 {
  font-size: 36px;
  line-height: 45px;
  margin: 0 0 25px 0;
  padding-bottom: 5px;
}

.typography h2 {
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 15px;
}

.typography h3 {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 10px;
}

.typography h4 {
  font-size: 18px;
  line-height: 25px;
  margin-bottom: 5px;
}

.typography h5 {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
}

.typography h6 {
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}

/* PARAGRAGHS */
.typography p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px;
}

.typography .intro {
  font-family: "HelveticaNeue" sans-serif;
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 20px;
}

.typography em {
  font-style: italic;
}

::-moz-selection { /* Applies style to highlighted portion of a page */
  background: #47bab9;
  color: #fff;
  text-shadow: none;
}

::selection,
::-moz-selection { /* Applies style to highlighted portion of a page */
  background: #47bab9;
  color: #fff;
  text-shadow: none;
}

/* LINKS */
.typography a,
.typography a.intro {
  color: #00a6a2;
  text-decoration: none;
}

.typography a:hover {
  color: #575756;
}

/* LIST STYLES
-------------------------------------------- */
.typography ul li {
  list-style-type: disc;
} /* adds disc style bullet to the list */
.typography li {
  margin-bottom: 5px;
}

/* TABLE STYLES
-------------------------------------------- */
.typography table {
  border-collapse: collapse; /* borders are collapsed into a single border when possible */
  border: 1px solid #d4d4d4;
  border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
  margin: 0 0 10px;
  text-align: left;
}

.typography table tr:nth-child(even) {
  background-color: #ededed;
}

.typography table tr.even,
.typography table th,
.typography thead td {
  background-color: #ededed;
}

.typography table td,
.typography table th {
  padding: 2px 5px;
  border: 1px solid #d4d4d4;
  vertical-align: top;
}

.typography table th {
  font-weight: bold;
}

/* WYSIWYG EDITOR ALIGNMENT CLASSES
-------------------------------------------- */
.typography .left {
  text-align: left;
}

.typography .center {
  text-align: center;
}

.typography .right {
  text-align: right;
}

/* IMAGES
-------------------------------------------- */
.typography img {
  height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
}

.typography img.left {
  float: left;
  max-width: 50%;
  margin: 5px 20px 10px 0;
}

.typography img.right {
  float: right;
  max-width: 50%; /* Responsive width */
  margin: 5px 0 10px 20px;
}

.typography img.leftAlone {
  float: left;
  margin-right: 100%;
  margin-bottom: 10px;
  clear: both;
}

.typography img.center {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 10px;
  clear: both;
}

.typography .captionImage {
  width: 100%;
  margin-top: 5px;
}

.typography .captionImage img {
  margin: 0;
}

.typography .captionImage.left {
  float: left;
  margin: 5px 30px 20px 0px;
}

.typography .captionImage.right {
  float: right;
  margin: 5px 0 20px 30px;
}

.typography .captionImage.left[style],
.typography .captionImage.right[style] {
  max-width: 50%; /* Overides core width to make responsive */
}

.typography .captionImage.left img,
.typography .captionImage.right img {
  float: none;
  max-width: none;
  width: 100%;
}

.typography .captionImage.left img {
  margin-right: -10px;
}

.typography .captionImage.right img {
  margin-left: -10px;
}

.typography .captionImage.right p {
  margin-left: -10px;
  text-align: left;
  margin-left: -10px;
}

.typography .captionImage.leftAlone {
  float: none;
  margin: 0 20px 20px 0px;
}

.typography .captionImage.center {
  margin: 0 auto 20px;
}

.typography .captionImage p {
  clear: both;
  margin: 5px 0;
  font-style: italic;
  color: #888;
}

/* BLOCKQUOTES
-------------------------------------------- */
.typography blockquote {
  background: transparent url(../images/blockquote.png) no-repeat 0px 6px;
  font-family: "HelveticaNeue", sans-serif;
  color: #777;
  display: block;
  font-style: italic;
  margin: 0 0 20px;
  float: right;
  text-indent: 30px;
  width: 50%;
  margin-left: 5%;
  clear: both;
}

.typography blockquote p {
  font-size: 17px;
  line-height: 25px;
}

.typography pre {
  font-family: "HelveticaNeue", sans-serif;
  margin: 0 0 0;
  padding: 15px 0;
  font-size: 11px;
  clear: both;
  white-space: normal;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}

/* CSS Document */
/* OOCSS Grid
* https://github.com/stubbornella/oocss/wiki/grids
*/
.line,
.lastUnit {
  overflow: hidden;
  *overflow: visible;
  *zoom: 1;
  /*padding:0 10px;*/
}

.unit { /* unit - Base class which divides a line into sections (columns). */
  display: inline-block;
  z-index: 1;
  /*padding:0 10px;*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* box-sizing:border-box; creates a box-model where
padding and border are NOT added onto the width - they are included in the width,
so a 200px wide element with 20px padding will be 200px, NOT 240px wide */
}

.unitRightv { /* Use this class if you want to offset a column eg: |--content(.unit)--|--content(.unit)--|--no-content--|--no-content--|--content(.unitRighttv)--| */
  float: right;
}

/* sizeXofY - Extends unit. Indicates the fractional width of the unit, for example size3of4 would take up three quarters, or 75%, of the horizontal space.
The following fractions are supported: 1, 1/2, 1/3, 2/3, 1/4, 3/4, 1/5, 2/5, 3/5, 4/5 */
/* It is possible to add more columns if you wish you will just have to add the fractions that are missing eg: .size1of6 {width:16.66666%;} */
.size1of1 {
  float: none;
}

.size1of2 {
  width: 50%;
}

.size1of3 {
  width: 33.33333%;
}

.size2of3 {
  width: 66.66666%;
}

.size1of4 {
  width: 25%;
}

.size3of4 {
  width: 75%;
}

.size1of5 {
  width: 20%;
}

.size2of5 {
  width: 40%;
}

.size3of5 {
  width: 60%;
}

.size4of5 {
  width: 80%;
}

.lastUnit { /* lastUnit - Extends unit. Applied to the last child of every line. */
  float: none;
  width: auto;
}

.inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 30px;
}

.inner h1, .inner h2, .inner h3, .inner h4, .inner h5, .inner h6, .inner p {
  margin: 10px 0;
}

.margin-flex {
  margin: 0 auto;
}

/* . slides and containers */
.slide {
  width: 100%;
  margin: 0px auto 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
  padding: 0px 0;
}

.slidehome {
  width: 100%;
  margin: -300px auto 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 100;
  padding: 40px 0;
}

.slidenopad {
  width: 100%;
  margin: 0px auto 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: 100;
  padding: 0 0;
}

.slidetop {
  /*background-attachment: fixed;*/
  width: 100%;
  margin: 0px auto 0;
  /*position: relative;*/
  bottom: 0;
  padding: 35% 0 0 0;
}

#slideHome {
  padding: 100px 0 0 0;
  position: absolute;
  top: 100px;
  z-index: -1;
}

.headcontainer {
  font-family: "HelveticaNeue", sans-serif;
  padding: 150px 0 0 0;
  max-width: 1000px;
  padding: 0 0;
  width: 100%;
  margin: 10px auto;
}

.slidehomecontainer {
  font-family: "HelveticaNeue", sans-serif;
  padding: 70px 0 0 0;
  max-width: 1000px;
  width: 100%;
  margin: 10px auto;
}

.container {
  font-family: "HelveticaNeue", sans-serif;
  padding: 10px 0;
  width: 100%;
  margin: 10px auto;
}

#MemberLoginForm_LoginForm fieldset {
  border: none;
}

#MemberLoginForm_LoginForm fieldset .middleColumn input {
  width: 300px;
  height: 20px;
}

#MemberLoginForm_LoginForm .btn-toolbar input {
  list-style: none;
  background: #00837C;
  color: #ffffff !important;
  border-radius: 6px;
  text-shadow: none;
  margin: 20px 0px 30px 0px;
  padding: 10px;
  width: 200px;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

/* no grid support? */
.fcards350 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.fcards350 {
  max-width: 1000px;
  padding: 10px 0px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

/* no grid support? */
.cards350 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.cards350 {
  max-width: 1000px;
  padding: 10px 20px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

/* no grid support? */
.cards270 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.cards270 {
  max-width: 1000px;
  padding: 10px 10px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.cards240 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.cards240 {
  max-width: 1000px;
  padding: 10px 10px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.cards230 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.cards230 {
  max-width: 1000px;
  padding: 10px 10px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.pagecards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.pagecards {
  max-width: 1000px;
  /*padding: 10px 0px;*/
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.9rem;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.cards {
  max-width: 1000px;
  padding: 10px 0px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.4rem;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.testcards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.testcards {
  max-width: 1000px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

.testcard {
  border-radius: 6px;
  margin: 10px;
  padding: 10px 20px 10px 0;
}

.testcard {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  max-width: 320px;
  margin: 0 auto;
  z-index: 0;
}

/*.testcard:nth-child(2n+2) {
	background: #00837C;
	color: #ffffff;
	border-radius: 6px;
	margin: 10px;
	padding: 10px;

}
.testcard:nth-child(2n+2) h6 {

	color: #ffffff;


}*/
.blogcards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -ms-flex; /* Edge */
  display: -webkit-flex; /* Safari */
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: wrap;
  -webkit-flex: wrap;
}

.blogcards {
  max-width: 1000px;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
}

.blogcard {
  background: #00837C;
  color: #ffffff;
  border-radius: 6px;
  margin: 10px;
  /*padding: 10px 20px;*/
}

.blogcard {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: 490px;
  margin: 5px auto;
  z-index: 0;
}

.blogcard img {
  width: 100%;
  border-radius: 6px 6px 0 0;
}

.blogcard h3 {
  color: #ffffff;
}

.fcard {
  border-radius: 6px;
  margin: 0 auto;
  width: 400px;
}

.blogelement {
  margin: 10px;
}

.element img {
  width: 100%;
}

.Block1 .testcards .card iframe {
  max-width: 550px;
}

.Block1 .testcards .card {
  width: 95%;
  height: 100%;
}

.ImgCard img {
  width: 100%;
}

.card {
  border-radius: 6px;
  /*margin: 10px auto;*/
  /*padding: 10px 20px;*/
}

.card-flex {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  z-index: 0;
}

.card-flex img {
  /* width: 100%;*/
}

.card img {
  /*width: 100%;*/
  border-radius: 6px;
}

#CourseHolderList {
  padding: 0;
}

#CourseHolderList a .CourseToo h4 {
  color: #ffffff;
  margin: 0;
  vertical-align: middle;
  height: 70px;
  padding: 0;
  display: table-cell;
}

.contenttwosecondary {
  padding: 0;
  max-width: 370px;
  display: inline-block;
  vertical-align: top;
}

/* Featured block */
.CourseTwo h5 {
  color: #ffffff;
  margin: 18px 0 2px;
}

.CourseToo {
  background-color: #565657;
  padding: 1px 20px 10px;
  margin: 10px 0px 0;
  display: block;
  position: relative;
  max-width: 500px;
  height: 60px;
  cursor: pointer;
}

.CourseToo:after {
  color: #565657;
  border-left: 35px solid;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  display: inline-block;
  content: "";
  position: absolute;
  right: -35px;
  top: 0;
}

.CourseTwo {
  background-color: #565657;
  padding: 1px 20px 10px;
  margin: 10px 0 0;
  display: block;
  position: relative;
  max-width: 300px;
  cursor: pointer;
}

.CourseTwo:after {
  color: #565657;
  border-left: 36px solid;
  border-top: 36px solid transparent;
  border-bottom: 36px solid transparent;
  display: inline-block;
  content: "";
  position: absolute;
  right: -36px;
  top: 0;
}

.CourseTwo:hover {
  background-color: #00A6A2;
}

.CourseTwo:hover:after {
  color: #00A6A2;
}

/* Editor block */
.EditorBlock a[href$=".pdf"]:before {
  content: "";
  font-family: FontAwesome;
  padding-right: 10px;
  color: #47bab9;
}

/* Resources block */
.iconcontent {
  color: #564988;
  padding: 20px 10px 0;
}

.round i {
  font-size: 60px !important;
  line-height: 2;
  display: block;
  color: #fff;
  padding: 80px 0 0 100px;
}

.round span {
  font-size: 20px;
  display: block;
  color: #fff;
}

.round:hover {
  background-color: #565657;
}

.round {
  background-color: #00837C;
  line-height: 50px;
  color: #ffffff;
  border-radius: 6px;
  width: 250px;
  height: 250px;
  min-width: 270px;
  text-align: center;
  vertical-align: bottom;
  margin: 10px auto;
}

/* Testimonial block */
.testover {
  position: absolute;
}

.testfour {
  display: inline-block;
  max-width: 240px;
  border-spacing: 10px;
  border-radius: 6px;
  margin: 5px auto;
  background-color: #00A6A2;
  position: relative;
  height: 400px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  gap: 10px;
}

.testfour img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: top;
  border-radius: 6px 6px 0 0;
}

.testfour p a {
  color: white;
}

.testfour p {
  font-size: 16px;
  color: black;
  line-height: 24px;
  padding: 10px;
}

.testfour h5 {
  font-size: 16px;
  color: #565657;
  padding: 10px;
  bottom: 0;
  position: absolute;
}

/* blog block */

.content3column p a {
	
  color: #dddddd;
  text-decoration: underline;
  
  }
.content3column h3 {
  font-size: 20px;
  line-height: 22px;
  padding: 20px 20px 0;
  color: #ffffff;
}

.content3column h3 a {
  color: #ffffff;
}

.content3column {
  position: relative;
  background-color: #00a6a2;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 30%;
          flex: 1 1 30%;
  gap: 10px;
  max-width: 320px;
}

.content3column p {
  font-size: 14px;
  padding: 0 20px;
  margin-bottom: 70px;
  color: #ffffff;
}

.content3column .BlogImg {
  width: 100% !important;
  border-radius: 6px 6px 0 0;
}

.morecont1 a {
  color: #00a6a2;
}

.morecont1 {
  bottom: 0;
  right: 0;
}

.morecont1 sub {
  font-family: "IcoMoon";
  font-size: 24px;
}

.morecont {
  /* position: relative;
  bottom: 0;
  right: 0;
  text-align: right;
  width: 100%;*/
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 20px;
  text-align: right;
}

.morecont sub {
  font-family: "IcoMoon";
  font-size: 24px;
}

.morecont a {
  color: #ffffff;
}

.morecont a b {
  vertical-align: 2px;
}

/* . 4 boxes of courses */
.secondary {
  margin: auto;
  padding: 0;
  /*display: flex;*/
  background: white;
  position: relative;
  border-radius: 6px;
}

.secondary li {
  margin: 0;
  padding: 0;
}

#hexagon a {
  color: #ffffff;
}

#hexagon ul {
  padding: 10px;
}

#hexagon {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  vertical-align: top;
  margin: 5px;
  background: #ffffff;
  height: 300px;
  position: relative;
  border-radius: 6px;
  list-style: none;
}

#hexagon:nth-child(1) {
  background: #00A6A2;
}

#hexagon:nth-child(2) {
  background: #00A6A2;
}

#hexagon:nth-child(3) {
  background: #00A6A2;
}

#hexagon:nth-child(4) {
  background: #00A6A2;
}

#hexagon1:nth-child(1) {
  width: 100%;
}

#hexagon1::after {
  content: "\ea20";
  color: #ffffff;
  float: right;
  background: transparent;
  border: none;
  font-family: "IcoMoon";
}

#hexagon1 {
  /*border-bottom: 1px solid #fff;*/
  display: block;
  height: 100%;
  line-height: 28px;
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

#hexagon ul li a {
  color: #ffffff;
}

#hexagon .text {
  font-family: "HelveticaCon", sans-serif;
  display: block;
  font-size: 18px;
  line-height: 48px;
  padding: 0 10px;
  border-bottom: 1px solid #fff;
  font-weight: bold;
}

.vidsecondary {
  margin: 0px auto 0;
  padding: 0;
  /*display: table;
  */
}

.vidsecondary li {
  margin: 0;
  padding: 0;
}

.video3column {
  height: 300px;
  margin: 0 auto;
}

.latest-n {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.columnfix {
  display: block;
}

.content4column {
  display: inline-block;
  margin: 0px 10px 0 0;
  vertical-align: top;
  width: 32%;
  background-color: #00837C;
  position: relative;
}

.content4column h3 {
  font-size: 20px;
  line-height: 22px;
  padding: 20px 20px 0;
  min-height: 70px;
  height: 70px;
}

.content4column p {
  font-size: 14px;
  padding: 0 20px;
}

.content4column .BlogImg {
  width: 100% !important;
}

@media all and (max-width: 1024px) {
  .telnumbers {
    margin: 10px;
  }
  .logomove {
    margin: 20px 30px 0;
  }
  .contact-top {
    position: relative;
  }
  .size1of2 {
    width: auto;
  }
  .size1of3 {
    width: auto;
  }
  .size2of3 {
    width: auto;
  }
  .size1of4 {
    width: auto;
  }
  .size3of4 {
    width: auto;
  }
  .size1of5 {
    width: auto;
  }
  .size2of5 {
    width: auto;
  }
  .size3of5 {
    width: auto;
  }
  .size4of5 {
    width: auto;
  }
  /* no grid support? */
  .testcard:nth-child(2n+2) {
    margin: 0 auto;
  }
  .fcards350 {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  /* no grid support? */
  .cards350 {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  /* no grid support? */
  .cards270 {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .cards240 {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .cards230 {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .pagecards {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .cards {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .testcards {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .testcards {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .blogcards {
    display: block;
    display: -ms-grid;
    display: grid;
  }
  .Block1 .testcards .card {
    margin: 0 auto;
    width: 100%;
    max-width: 400px;
  }
  .card img {
    width: 100%;
    max-width: 400px;
  }
}
@media only screen and (max-width: 480px) {
  .inner {
    max-width: 480px;
    padding: 0 5px;
  }
  .logomove {
    margin: 5px 10px 0;
  }
#menu a img {
	position: absolute!important;
    height: 90px;
    width: 180px;
}
  .Block1 .testcards .card {
    margin: 0 auto;
    width: 100%;
  }
  .blogcards {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
  .CourseToo {
    margin: 10px 6px 0;
    width: 80%;
  }
}
.block {
  max-width: 1080px;
  margin: 0 auto;
}

/* navigation */
.inner-menu-back span a {
  color: #ffffff;
}

#menucontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

.top-menu-back {
  background-color: #ffffff;
  width: 100%;
  margin: 0 auto;
}

#menubg {
  /*border-bottom: 1px solid #ddd;
  height: 59px;*/
  margin: 0 auto;
  max-width: 1080px;
  width: 100%;
}

#leftbg {
  margin: 0 auto;
  background: #00837C;
  height: 44px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  border-radius: 0px 6px 6px 0px;
}

#rightbg {
  margin: 0 auto;
  background: #00837C;
  height: 44px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  border-radius: 6px 0px 0px 6px;
}

#lowerbg {
  margin: 0 auto;
  height: 44px;
  max-width: 1080px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  background: #00837C;
  border-radius: 6px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 100%;
}

#menu a img {
  position: relative;
  z-index: 21;
}

#menu {
  font-size: 16px;
  padding: 0 0 0;
  margin: 0px auto 0;
  width: 100%;
  /*	position: fixed;*/
  max-width: 1080px;
  z-index: 555;
}

.siteconfig {
  font-size: 18px;
  vertical-align: middle;
}

.siteconfig .contact-top strong {
  color: #00837C;
  font-weight: bold;
  /*letter-spacing: -1px;*/
  font-family: "HelveticaNeue", sans-serif;
}

.siteconfig .contact-top a {
  color: #00837C;
  font-family: "Trebuchet", sans-serif;
}

#lowerbg .inner-menu-back {
  background-color: #47BAB9;
  height: 44px;
  padding: 0;
  margin: 0px auto;
  max-width: 1080px;
  border-radius: 6px;
}

#contact-button2 {
  margin: -80px 0;
  text-align: right;
}

#pagewraptest .contentfull {
  text-align: left;
  color: #00837C;
  font-style: italic;
}

#contact-button {
  width: 90px;
  height: 90px;
}

#nav1 {
  margin: 60px 0 0 -20px;
  position: fixed;
  /*top: 70px;*/
  width: 100%;
  font-weight: bold;
  z-index: 140;
  overflow: visible;
  background: #fff;
}

#nav1 > a {
  display: none;
}

#nav1 li {
  position: relative;
}

#nav1 li a {
  display: block;
  color: #ffffff;
}

#nav1 li a:active {
  background-color: #df0922 !important;
}

#nav1 span:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #fff transparent -moz-use-text-color;
  -o-border-image: none;
     border-image: none;
  border-left: 0.5em solid transparent;
  border-right: 0.5em solid transparent;
  border-style: solid solid none;
  border-width: 0.5em 0.5em medium;
  content: "";
  display: block;
  height: 0;
  position: relative;
  right: -1.5em;
  top: 0em;
  vertical-align: bottom;
  width: 0;
}

/* first level */
#nav1 > ul {
  height: 3em;
  padding: 0 0 0 390px;
  width: 100%;
  list-style: none;
}

#nav1 > ul > li {
  padding: 0 20px;
  height: 100%;
  float: left;
}

#nav1 > ul > li > a {
  font-size: 18px;
  height: 100%;
  line-height: 2.2em;
  text-align: center;
  text-indent: 10px;
  color: #000;
  z-index: 10000;
}

#nav1 > ul > li:not(:last-child) > a {
  /*border-right: 1px solid #cc470d;*/
}

#nav1 > ul > li:hover > a, #nav1 > ul:not(:hover) > li.active > a {
  color: #a2453f;
}

/* second level */
#nav1 li ul {
  background-color: #00837C;
  display: none;
  position: absolute;
  top: 100%;
}

#nav1 li:hover ul {
  display: block;
  left: 0;
  right: 0;
}

#nav1 li:not(:first-child):hover ul {
  left: -1px;
}

#nav1 li ul a {
  font-size: 12px; /* 20 */
  border-top: 1px solid #fff;
  padding: 0.75em; /* 15 (20) */
  color: #fff;
  text-align: center;
}

#nav1 li ul li a:hover, #nav1 li ul:not(:hover) li.active a {
  background-color: #00837C;
}

@media all and (max-width: 1024px) {
  #menu {
    position: relative;
    z-index: 0;
  }
  .siteconfig {
    vertical-align: none;
  }
  .logomove {
    display: inline-block;
    margin: 10px;
  }
  .telnumbers {
    display: inline-block;
    margin: 30px 0 0;
  }
  .top-menu-back {
    background: none;
    height: 15px;
  }
  #lowerbg .inner-menu-back {
    background: none;
  }
  #menucontainer {
    display: block;
    height: 150px;
  }
  .HomeLogo {
    height: 100%;
  }
  #leftbg {
    display: none;
  }
  #rightbg {
    display: none;
  }
  #lowerbg {
    background: none;
    z-index: -1;
    display: none;
  }
  .HomeLogo img {
    height: 200%;
  }
  #menubg {
    height: 0;
  }
  .container-logo img {
    margin: 0;
  }
  #menu b {
    display: none;
  }
  #nav1 > ul {
    padding: 0 0 0 0px;
  }
  .navigation {
    display: none;
  }
}
@media only screen and (max-width: 680px) {
  .contact-top {
    display: none;
  }
}
@media only screen and (max-width: 480px) {
  #menucontainer {
    height: 100px;
    z-index: 1;
  }
  .HomeLogo img {
    height: 100%;
  }
  #menu em {
    display: none;
  }
  #menu b {
    display: none;
  }
  #menu .logo img {
    width: 50%;
  }
  #nav1 > ul {
    padding: 0 0 0 0px;
  }
  #nav1 > ul > li > a {
    font-size: 16px;
  }
}
#footercontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto;
}

#ftleftbg {
  margin: 0 auto;
  background: #00837C;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  border-radius: 0px 6px 6px 0px;
}

#ftlowerbg {
  margin: 0 auto;
  background: #ffffff;
  max-width: 1080px;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  background: #00837C;
  border-radius: 6px;
  border-left: 2px solid #fff;
  border-right: 2px solid #fff;
  width: 100%;
}

#ftrightbg {
  margin: 0 auto;
  background: #00837C;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  border-radius: 6px 0px 0px 6px;
}

.typography #footer1 {
  color: #ffffff;
  vertical-align: top;
  line-height: 2em;
}

.typography #footer1 p {
  font-size: 12px;
  line-height: 14px;
}

#footer {
  background: #ffffff;
  clear: both;
  padding: 0 0;
  white-space: nowrap;
}

#footer #pagewrap {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
}

#footer1 a, #footer1 h1, #footer1 h2, #footer1 h3, #footer1 h4, #footer1 h5, #footer1 h6 {
  color: #ffffff;
}

iframe {
  max-width: 350px;
  width: 100%;
  /*border-radius: 6px;*/
}

#footsafe {
  width: 100%;
  text-align: right;
  font-size: 36px;
  color: white;
  margin-top: 0px;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
}

.footer-bottom {
  width: 100%;
  background: #ffffff;
  height: 60px;
}

.footer-bottom-inside {
  clear: both;
  padding: 20px 0 0;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

.footer-bottom-inside .text a {
  color: #00837C;
}

.footer-bottom-inside a {
  color: #00837C;
}

.footer-bottom-inside li {
  list-style: none;
  display: inline-block;
  padding: 0;
}

@media only screen and (max-width: 680px) {
  .typography #footer1 {
    width: 95%;
  }
  #ftlowerbg {
    width: 95%;
  }
}
.menu {
  padding: 0 0 0;
  margin: 0px auto 0;
  width: 100%;
  z-index: 110;
  max-width: 1080px;
  overflow: visible;
}

.navbar {
  font-family: Arial, Helvetica, sans-serif;
}

.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px 11px;
  text-decoration: none;
}

.dropdown {
  float: left;
}

.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 12px 16px 11px;
  background-color: inherit;
  font: inherit;
  margin: 0;
}

.dropdown .dropbtn a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 0px 4px 0 16px;
  text-decoration: none;
}

.ico-search:hover, .navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #00837C;
  border-radius: 6px 6px 0px 0px;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #ffffff;
  width: 100%;
  left: 0;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content .header {
  background: #00837C;
  padding: 4px;
  color: white;
}

.dropdown:hover .dropdown-content {
  display: block;
}

/* Create three equal columns that floats next to each other */
.column {
  float: left;
  margin: 0 auto;
  width: 25%;
  padding: 0 10px;
  background-color: #ffffff;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ /* Firefox, other Gecko */
  box-sizing: border-box;
}

.column:hover {
  background-color: #ddd;
}

.column h5 {
  margin: 8px 0;
  padding: 0px;
}

#cssmenu-cart1 {
  display: none;
}

.column a {
  float: none;
  color: #333333;
  padding: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 14px;
  margin: 0 0 10px 0;
}

.column ul {
  padding: 0 0px;
}

.column ul a {
  float: none;
  color: #666666;
  padding: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 12px;
  margin: 0 0 0 0;
}

.column ul ul {
  padding: 0 10px;
}

.column ul ul a {
  float: none;
  color: #666666;
  padding: 0px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-size: 12px;
  margin: 0 0 0 0;
}

.column a:hover {
  background-color: #ddd;
}

#cssmenu-cart1 {
  display: none;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
    height: auto;
  }
}
@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu-cart1 {
    position: relative;
top: 70px;
right: -30px;
border-radius: 6px;
cursor: pointer;
width: 110px;
height:40px;
display: block;
float: right;
    z-index: 1;
    background: #00837C;
  }
  #cssmenu-cart1 a {
    padding: 8px 12px;
    border-left: none;
    float: left;
    font-size: 16px;
    color: white;
    text-align: center;
    text-decoration: none;
  }
}
@media screen and (max-width: 480px) {
  #cssmenu-cart1 {
    top: 52px;
  }
}
/* a {
	display: block;
	padding: .2rem 0;	
	color: #000;
	font-size: 12px;
	text-decoration: none;

	&:hover {
		color: #51b5d6;
		text-decoration: underline;
	}
}

h4 {
	margin: .5rem 0 .75rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #ddd;
	font-size: 14px;
	font-weight: normal;
}

h5 {
	margin: 0;
	margin-bottom: .5rem;
	font-size: 16px;
}*/
nav {
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

nav::after {
  content: "";
  display: block;
  clear: both;
}

.menumeg {
  display: inline-block;
  border-radius: 0.2rem;
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 2;
  width: 160px;
}
.menumeg:hover > li {
  display: block;
}
.menumeg:hover > li:first-child {
  width: 160px;
  position: relative;
  z-index: 1;
  cursor: default;
}
.menumeg:hover > li:first-child h3 {
  background-color: #00837C;
  border-radius: 6px 6px 0px 0px;
}
.menumeg:hover > li:first-child h3 a {
  font-size: 16px;
  margin: 0;
  color: #ffffff;
  text-decoration: none;
}
.menumeg:hover > li:first-child h3:first-child::after {
  content: "\f106";
}
.menumeg:hover + .temp::after {
  display: block;
}
.menumeg > li {
  display: none;
  width: 14rem;
  margin: 0;
  float: left;
}
.menumeg > li h3 {
  padding: 7px 10px;
  border-bottom: 1px solid #47BAB9;
  border-left: 1px solid #47BAB9;
}
.menumeg > li h3 a {
  line-height: 16px;
  font-size: 14px;
  margin: 0;
  color: #00837C;
  text-decoration: none;
}
.menumeg > li:last-child h3 {
  background-color: #ffffff;
  border-radius: 0px 0px 0px 6px;
}
.menumeg > li:first-child {
  display: block;
  text-align: center;
  color: #51b5d6;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  width: 150px;
  height: 46px;
}
.menumeg > li:first-child h3 {
  background-color: #47BAB9;
  padding: 12px 1px 10px;
  border-radius: 6px 6px 0px 0px;
}
.menumeg > li:first-child h3 a {
  font-size: 16px;
  margin: 0;
  color: #ffffff;
  text-decoration: none;
  line-height: 20px;
}
.menumeg > li:first-child h3::after {
  content: "\f107";
  font: bold 1rem fontAwesome;
  color: white;
  margin: 0px 4px;
  z-index: 2222;
}
.menumeg > li:not(:first-child):hover {
  border-right: none;
}
.menumeg > li:nth-child(2):hover::before {
  content: "";
  display: block;
  width: 150px;
  height: 3rem;
  border: 1px solid transparent;
  position: absolute;
  top: 0;
  z-index: 10;
}

li {
  list-style: none;
  /*&:last-child {
  		h3 {
  			border-radius: 0 0 .2rem .2rem;
  			color: darkred;
  		}

  		&:hover h3 {
  			border-bottom-color: transparent;
  			border-radius: 0 0 0 .2rem;
  			//width: 120px;
  		}
  	}
  */
}
li h3 {
  margin: 0;
  background: #fff;
  position: relative;
  z-index: 10;
  font-weight: normal;
  cursor: default;
}
li:hover h3 {
  border-color: #bbb;
}
li:hover div {
  display: block;
}
li .content1 {
  display: none;
  width: 250px;
  padding: 0;
  border-top: 1px solid #47BAB9;
  border-right: solid 1px #47BAB9;
  background: #ffffff;
  position: absolute;
  left: 223px;
  margin: -37px 0 0;
  z-index: 122;
  height: auto;
}
li .content1 ul {
  padding: 0;
  margin: 0 0;
}
li .content1 ul li {
  background: #fff;
  border-bottom: solid 1px #47BAB9;
  border-left: solid 1px #47BAB9;
}
li .content1 ul li h5 {
  padding: 5px 3px;
  margin: 2px 3px;
  font-style: normal;
  font-weight: normal;
}
li .content1 ul li h5 a {
  color: #00837C;
}
li .content1 ul li h5 a:hover {
  color: #575756;
}
li .content {
  display: none;
  width: calc(1190px - 10rem - 22rem);
  padding: 1rem 1.2rem;
  border-left: 1px solid #47BAB9;
  border-radius: 0px 0px 6px 6px;
  background: #fff;
  position: absolute;
  top: 46px;
  bottom: 0;
  left: 223px;
  z-index: 1;
  height: 500px;
}
li .content h5 {
  margin: 0;
  margin-bottom: 0.5rem;
  font-size: 16px;
  width: 220px;
}
li .content .masktoo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  height: 450px;
  display: inline-block;
  width: 220px;
  border-right: 1px solid #47BAB9;
}
li .content .masktoo ul {
  padding: 0;
  margin: 0;
}
li .content .masktoo ul .dropdown-course {
  display: none;
  position: absolute;
  padding: 10px 20px;
  margin: 0;
  left: 220px;
  width: 450px;
  top: -38px;
  height: 100%;
  min-height: 350px;
  max-height: 450px;
}
li .content .masktoo ul .dropdown-course:hover {
  display: block;
}
li .content .masktoo ul li {
  list-style: none;
}
li .content .masktoo ul li h4 {
  margin: 1px 0 1px;
  padding: 1px;
  font-size: 14px;
  font-weight: normal;
}
li .content .masktoo ul li h4 a {
  font-size: 14px;
  line-height: 14px;
  color: #00837C;
}
li .content .masktoo ul:hover h4 {
  border-color: #bbb;
}
li .content .masktoo ul:hover .dropdown-course {
  display: block;
}
li .content .masktoo ul:hover .dropdown-course:hover {
  display: block;
}
li .content .masktoo ul ul li {
  font-size: 14px;
  line-height: 16px;
  padding: 0 0 4px;
}
li .content .masktoo ul ul li a {
  color: #00837C;
  font-size: 14px;
  line-height: 20px;
}

.temp {
  font-size: 12px;
  padding: 0;
  height: 46px;
  margin: 0;
  /*&::after {
  		content: '';
  		display: none;
  		background: rgba(0,0,0,.70);
  		position: fixed;
  		top: 0;
  		bottom: 0;
  		right: 0;
  		left: 0;
  	}
  */
}
.temp li {
  text-align: center;
  cursor: pointer;
  list-style: none;
}
.temp li h3 {
  background-color: #47BAB9;
  padding: 12px 2px 10px;
  border-radius: 6px 0px 0px 6px;
}
.temp li h3 a {
  padding: 0 10px;
  color: white;
  font-size: 16px;
  text-decoration: none;
}
.temp li:hover h3 {
  background-color: #00837C;
  color: white;
  border-radius: 6px 6px 0px 0px;
}

#cssmenu-cart {
  float: right;
  border-left: 2px solid white;
  margin-left: auto;
  height: 44px;
  color: #ffffff;
}
#cssmenu-cart a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 12px 16px 11px;
  text-decoration: none;
}
#cssmenu-cart:hover a {
  background-color: #00837C;
  color: white;
  border-radius: 0px 6px 6px 0px;
}

nav .search-hide {
  list-style: none;
  margin: 0;
  padding: 11px 10px 10px;
  color: #ffffff;
  cursor: pointer;
  float: left;
}

.ico-search {
  font-family: "IcoMoon";
  font-size: 18px;
  padding: 12px 6px 14px;
}

main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 15rem;
  margin-top: 2rem;
  padding: 1rem;
  background: #ccc;
  position: relative;
  z-index: 1;
  clear: both;
}
main p {
  margin: auto;
  color: #555;
  text-transform: uppercase;
  letter-spacing: 1px;
}

@media (max-width: 60rem) {
  .temp {
    width: 67%;
  }
}
.mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

button#hidenav {
  border: none;
  font-size: 28px;
  color: #00837C;
  float: right;
  position: relative;
  z-index: 20004;
  margin: 5px 0;
  width: 40px;
  background-color: #ffffff;
}

button#hidenav:hover {
  cursor: pointer;
  color: #29aea8;
}

button#shownav {
  display: none;
}

.slide-menu-right {
  position: absolute;
  z-index: 1000;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  width: 300px;
  height: 100%;
  background-color: #ffffff;
}

.navscroll .dropDchild {
  display: block;
  float: none;
  padding: 0 4px 0;
  color: #ffffff;
  font-size: 13px;
}

.navscroll ul .dropDchild {
  display: block;
  float: none;
  padding: 0 4px 0;
  color: #00837C;
  font-size: 13px;
}

.navscroll {
  display: block;
  background: #ffffff;
  padding: 10px;
}

.navscroll ul {
  padding: 0 0 0;
  font-size: 0px;
  margin: 0;
}

.navscroll ul a {
  padding: 0 0 0;
  font-size: 12px;
  color: #ffffff;
}

.navscroll ul ul .dropDchild {
  padding: 0 4px 0;
  font-size: 12px;
  color: #f9f9f9;
}

.navscroll ul ul ul .dropDchild {
  padding: 0 4px 0;
  font-size: 12px;
  color: #ffffff;
}

#dropnav, #dropnav a {
  display: block;
  float: none;
  color: #ffffff;
  margin: 2px 0;
  background: #00837C;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  padding: 6px 4px;
  border-radius: 6px;
}

.navscroll li {
  width: 100%;
}

.navscroll li a {
  border-bottom: none;
  color: #ffffff;
  width: 96%;
  display: block;
  font-size: 14px;
  line-height: 18px;
  margin: 0 2px;
  padding: 4px;
  background: #47BAB9;
  text-transform: uppercase;
}

.navscroll li li li, .navscroll li li li a {
  font-weight: normal;
  border-bottom: none;
  color: #00837C;
  background: #ffffff;
  width: 98%;
  font-size: 14px;
  line-height: 18px;
  text-transform: capitalize;
  padding: 4px 0;
  margin: 0 6px;
  list-style-type: "▸";
}

.navscroll li li, .navscroll li li a {
  border-bottom: none;
  width: 99%;
  color: #00837C;
  background: #ffffff;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  padding: 4px 2px;
}

.slide-menu-right #SearchForm_SearchForm .middleColumn .text {
  float: left;
  font-size: 14px;
  height: 28px;
}

.slide-menu-right #SearchForm_SearchForm fieldset .action {
  float: left;
  border-radius: 5px;
  background: #00837C;
  color: #ffffff;
  font-size: 14px;
  height: 30px;
  border: none;
  margin: 2px;
}

.slide-menu-right #SearchForm_SearchForm fieldset {
  border: none;
  padding: 8px 6px;
}

@media all and (max-width: 1024px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  button#shownav {
    display: block;
    border: none;
    font-size: 28px;
    background: white;
    color: #00837C;
    float: right;
    position: relative;
    z-index: 20000;
    width: 40px;
    border-radius: 6px;
    margin: 5px 0 0;
  }
  button#shownav:hover {
    cursor: pointer;
    color: #29aea8;
  }
}
.BlogColumn h3 {
  color: white;
  font-size: 20px;
  line-height: 22px;
  padding: 20px 20px 0;
  min-height: 70px;
  height: 70px;
}

.BlogColumn p {
  color: white;
  font-size: 16px;
  line-height: 22px;
  padding: 20px 20px 0;
}

.blogfix p, .blogfix a {
  color: #FFFFFF;
}

#Product {
  max-width: 1080px;
  margin: 0 auto;
  display: block;
}

.productDetails {
  max-width: 1080px;
  margin: 5px auto;
  display: block;
  padding: 0;
  color: #00837C;
}

#Sidebar {
  max-width: 1080px;
  margin: 0 auto;
  display: block;
}

.productDetails .middleColumn .optionset {
  list-style-type: none;
  margin: 0;
  width: 100%;
  padding: 0 10px;
}

.productDetails fieldset {
  border: none;
  list-style-type: none;
  padding: 0;
}

.productDetails .optionset .left {
  display: block;
  float: none;
  font-size: 16px;
  padding: 10px 0 5px 0;
}

.productDetails .optionset .middleColumn {
  margin: 10px -10px 0;
  padding: 10px 0;
  color: #565657;
  width: 50%;
  border-radius: 6px;
}

.productDetails .optionset li {
  list-style: none;
}

.productDetails .optionset li input[type=radio] {
  color: #564988;
}

.productSummary h4 span, .productSummary h4 {
  font-family: "Open Sans", sans-serif !important;
}

.productDetails fieldset .left {
  display: block;
  float: none;
  clear: both;
  padding: 0 0 5px 0;
  font-size: 16px;
}

.productDetails .btn-toolbar .action {
  font-size: 14px;
  color: #fff;
  border: none;
  border-radius: 6px;
  background: #c46100;
  padding: 5px;
  margin: 3px 0;
  cursor: pointer;
}

.productDetails .btn-toolbar .action:hover {
  background: #00837C;
  color: #fff;
  cursor: pointer;
}

.price {
  display: none;
}

.productCode {
  display: none;
}

#VariationForm_Form_ProductAttributes_1_Holder .middleColumn ul li {
  width: 400px;
}

.breadcrumbs {
  margin: 20px 0px 20px 0px;
}

@media screen and (max-width: 600px) {
  .productDetails .optionset {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .productDetails .optionset .middleColumn {
    width: 100%;
  }
}
#Account .typography table {
  text-align: left;
}

#Account fieldset {
  border: none;
  padding: 0;
}

#Account .btn-toolbar input {
  list-style: none;
  background: #3a817b;
  color: #ffffff !important;
  border-radius: 10px;
  text-shadow: none;
  margin: 20px 0px 30px 0px;
  padding: 10px;
  width: 200px;
  font-size: 14px;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
}

/* create a box floated to the right */
.accountcontent {
  float: left;
  width: 70%;
}

#Account .middleColumn input {
  width: 30px;
  height: 20px;
}

.middleColumn .textarea {
  width: 350px;
}

.accountnav .nav .memberdetails {
  float: right;
  font-size: 12px;
}

.accountnav .nav .nav-list {
  list-style: none;
  display: inline-block;
  margin: 0;
  padding: 0;
}

.accountnav .nav .nav-list li a {
  color: #ffffff;
}

.accountnav .nav .nav-list li {
  list-style: none;
  background: #3a817b;
  color: #ffffff !important;
  border-radius: 10px;
  text-shadow: none;
  margin: 0 0px 30px 0px;
  padding: 10px;
  width: 150px;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
}

table.orderhistory {
  width: 100%;
}

/*
 * Member form styling, and tweaks to the login form as well
 */
#ShopAccountForm_EditAccountForm,
#ChangePasswordForm_ChangePasswordForm {
  width: 45%;
  float: left;
}

#ChangePasswordForm_ChangePasswordForm {
  margin-left: 5%;
}

/* address book panels ************************************************************/
.AccountPage h2 {
  clear: left;
}

.address-panel {
  position: relative;
  float: left;
  width: 48%;
  background: #eee;
  border: 1px solid #ccc;
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 5px;
}

.address-panel.odd {
  margin-right: 2%;
}

.address-panel .panel-body {
  font-size: 14px;
  line-height: 17px;
}

.address-panel .panel-footer {
  border-top: 1px solid #d9d9d9;
  padding: 8px 20px;
  bottom: 0px;
  margin: 15px -20px -20px;
}

/*@include clearfix;*/
.cf:before,
.cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after {
  clear: both;
}

.address-panel .panel-footer .btn {
  line-height: 32px;
  padding: 0 9px;
  font-size: 10px;
  margin: 0 9px 0 0;
}

.address-panel .remove-address {
  float: right;
  line-height: 32px;
  border: none;
}

.address-panel .remove-address img {
  background: none;
  border: none;
}

.address-panel .tag {
  position: relative;
  top: -21px;
  background: #f7931e;
  color: white;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 0 0 2px 2px;
  float: right;
  right: -10px;
  margin-left: 10px;
}

.createaccount form fieldset .text .middleColumn input {
  width: 400px;
}

.createaccount form label {
  width: 400px;
  font-size: 14px;
  padding: 10px 0 2px 0;
  display: block;
}

.createaccount form .btn-toolbar .action, .login form .btn-toolbar .action, .membership form .btn-toolbar .action {
  background: #ff0000;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  text-shadow: none;
  margin: 20px 0 0;
}

.createaccount form .btn-toolbar .action:hover, .login form .btn-toolbar .action:hover, .membership form .btn-toolbar .action:hover {
  background: #016ABC;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  text-shadow: none;
  cursor: pointer;
  margin: 20px 0 0;
}

.memberdetails {
  font-size: 14px;
  line-height: 16px;
  width: 400px;
  margin: 20px 0;
}

.memberdetails dl dt {
  float: left;
  width: 150px;
  font-weight: bold;
  margin: 0 5px;
}

.login form label {
  width: 300px;
  font-size: 14px;
  padding: 10px 0 2px 0;
  display: block;
}

@media screen and (max-width: 600px) {
  .accountnav .nav .nav-list li {
    display: block;
  }
}
.cart {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
}

.cart .headsup {
  background: #3a817b;
  color: #ffffff;
  padding: 10px 5px;
  border: 1px solid #fff;
}

.cart .row-header-cart {
  border-radius: 6px;
}

#Cart fieldset {
  border: none;
  background: #ddd;
  border-radius: 6px;
}

#Checkout table th:last-child {
  border-radius: 0 10px 10px 0;
}

tinuelink a, .checkoutlink a {
  color: #ffffff;
}

.cartfooter {
  margin: 30px 0;
}

.continuelink, .checkoutlink {
  background: #47e8de;
  color: #ffffff !important;
  border: 1px solid #eee;
  border-radius: 6px;
  text-shadow: none;
  margin: 0 0 5px 0;
  padding: 10px;
  width: 200px;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  cursor: pointer;
}

.continuelink:hover, .checkoutlink:hover {
  background: #565657;
}

#CartForm_CartForm .btn-toolbar {
  text-align: right;
}

#CartForm_CartForm_action_updatecart {
  background: #3a817b;
  color: #ffffff;
  margin: 10px 20px;
  margin: 10px 10px;
  border-radius: 6px;
  border: none;
  padding: 10px;
  cursor: pointer;
  text-transform: uppercase;
}

.Cartform .subtotal, .cart .subtotal {
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
  margin: 0 20px;
  background: none;
  border: none;
}

.cart .subtotal th, .cart .Total th, .cart td {
  background: none;
  border: none;
}

.Cartform .Total, .cart .Total {
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
  background: none;
  border: none;
}

.Cartform .cartfooter {
  line-height: 28px;
  font-size: 14px;
}

.Cartform .cartfooter .continuelink {
  border-right: solid 1px #565657;
}

.Cartform .cartfooter .checkoutlink {
  margin: 0 0 0 5px;
}

.Cartform .btn-toolbar .action {
  background: #47e8de;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  text-shadow: none;
  margin: 20px 0 0;
}

.Cartform .btn-toolbar .action:hover {
  background: #565657;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 3px;
  text-shadow: none;
  cursor: pointer;
  margin: 20px 0 0;
}

/* New stuff */
.product-image {
  float: left;
  width: 20%;
}

.product-details {
  float: left;
  width: 37%;
}

.product-price {
  float: left;
  width: 12%;
}

.product-quantity {
  float: left;
  width: 10%;
}

.product-removal {
  float: left;
  width: 9%;
}

.product-line-price {
  float: left;
  width: 12%;
  text-align: right;
}

/** Minimal Checkout Page Styling **/
#OrderForm_OrderForm {
  clear: left;
}

/* CheckoutPage form styling */
#LeftOrder, #RightOrder {
  float: left;
}

#LeftOrder {
  width: 50%;
}

#RightOrder {
  width: 50%;
}

#LeftOrder .CompositeField {
  margin-right: 10px;
}

#BottomOrder {
  clear: both;
}

#Checkout form label.left {
  float: left;
  width: 30%;
  font-size: 14px !important;
}

#Checkout form input.nolabel {
  margin-left: 30%;
}

#Checkout form input.text {
  width: 50%;
  font-size: 14px;
  padding: 4px 0;
  border: solid 1px grey !important;
}

#Checkout form #PaymentMethod li {
  list-style: none;
}

#Checkout form #Amount {
  font-size: 1.5em;
}

#Checkout fieldset {
  border: none;
}

#Checkout #Notes .middleColumn textarea {
  clear: left;
  width: 100%;
  resize: vertical;
}

table.ordercontent {
  width: 100%;
}

.accordion-heading {
  background: #32a9c3;
  color: #fff;
}

.accordion-heading .accordion-toggle, .accordion-heading .accordion-toggle a {
  font-size: 20px;
  color: #fff;
  font-weight: bold;
  margin: 0 10px;
}

.accordion-body {
  margin: 10px;
}

.accordion-inner .btn-toolbar .action, #Checkout #PaymentForm_OrderForm .btn-toolbar .action {
  background: #47e8de;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  text-shadow: none;
  margin: 0 10px 0;
  padding: 10px;
  width: 250px;
  font-size: 16px;
  text-transform: uppercase;
}

.accordion-inner .btn-toolbar .action:hover, #Checkout #PaymentForm_OrderForm .btn-toolbar .action:hover {
  background: #565657;
  color: #fff;
  cursor: pointer;
}

#Checkout .btn-toolbar2 {
  background: #3a817b;
  color: #fff;
  margin: 10px 0;
  padding: 5px 10px;
  font-size: 14px;
  width: 160px;
  display: inline-block;
  border-radius: 6px;
}

#Checkout .btn-toolbar2 a {
  color: #fff;
}

.summary-inner label, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Terms_ReadTermsAndConditions_Holder .right {
  margin: 10px 0;
  font-size: 14px;
}

.summary-inner .middleColumn, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Notes_Notes_Holder .middleColumn, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ExtraDetails_ExtraDetails_Holder .middleColumn, #PaymentForm_OrderForm_SilverShop-Checkout-Component-PONumber_PONumber_Holder .middleColumn {
  width: 100% !important;
  float: none !important;
}

.summary-inner .middleColumn .textarea, .summary-inner .middleColumn textarea, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Notes_Notes_Holder .middleColumn .textarea, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Notes_Notes_Holder .middleColumn .textarea, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ExtraDetails_ExtraDetails_Holder .middleColumn .textarea {
  width: 50% !important;
  Height: 150px !important;
  border: solid 1px grey !important;
  float: none !important;
}

#Checkout #PaymentForm_OrderForm .field {
  margin: 5px 0;
}

#Checkout .cart tfoot td {
  padding: 5px 0 0 0;
}

#Checkout .cart tfoot .gap td {
  padding: 5px 0 15px 0;
}

#Checkout .cart {
  margin: 0 0 20px;
  border-bottom: solid 1px;
}

#Checkout #PaymentForm_OrderForm .readonly {
  margin: 15px 0;
  font-size: 14px;
}

/* === stripe css === */
#PaymentForm_PaymentForm fieldset {
  margin: 20px 0 0;
  background: #ddd;
}

#PaymentForm_PaymentForm .btn-toolbar:hover input {
  background: #565657;
  color: #fff;
  cursor: pointer;
}

#PaymentForm_PaymentForm .btn-toolbar input {
  background: #47e8de;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  text-shadow: none;
  margin: 10px 0 0;
  padding: 10px;
  width: 250px;
  font-size: 16px;
  text-transform: uppercase;
}

#PaymentForm_PaymentForm fieldset .stripe .StripeElement .__PrivateStripeElement iframe input {
  background: #ffffff !important;
}

#PaymentForm_PaymentForm fieldset .stripe .StripeElement .__PrivateStripeElement iframe {
  height: 34px !important;
}

.ElementsApp div div div .CardNumberField-input-wrapper {
  border: 1px solid #333;
}

#PaymentForm_OrderForm_SilverShop-Checkout-Component-Terms_ReadTermsAndConditions_Holder .checkbox {
  float: right;
  margin: 15px 0; /* IE */ /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */ /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

#PaymentForm_OrderForm_SilverShop-Checkout-Component-Terms_ReadTermsAndConditions_Holder .right {
  font-size: 14px;
  width: 300px;
  display: inline-block;
}

#PaymentForm_OrderForm_SilverShop-Checkout-Component-Terms_ReadTermsAndConditions_Holder {
  width: 400px;
  margin: 5px 0 0 300px !important;
}

#PaymentForm_OrderForm_Captcha_Holder {
  width: 400px;
  margin: 5px 0 0 300px !important;
}

#PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_Country_readonly_Holder, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_Address_Holder, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_AddressLine2_Holder, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_City_Holder, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_State_Holder, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_PostalCode_Holder, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ShippingAddress_Phone_Holder {
  /*display:none;*/
}

#CheckoutForm_ShippingAddressForm_SilverShop-Checkout-Component-ShippingAddress_Country_readonly, #CheckoutForm_BillingAddressForm_SilverShop-Checkout-Component-BillingAddress_Country_readonly {
  height: 25px;
  display: block;
}

#CheckoutForm_PaymentMethodForm fieldset .optionset .middleColumn ul li, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Payment_PaymentMethod_Holder .middleColumn ul li {
  list-style: none;
}

#CheckoutForm_PaymentMethodForm fieldset .optionset .middleColumn ul, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Payment_PaymentMethod_Holder .middleColumn ul {
  margin: 0;
}

#CheckoutForm_PaymentMethodForm fieldset .field .left, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Payment_PaymentMethod_Holder .left {
  font-size: 16px !important;
  display: block !important;
  height: 30px !important;
}

#PaymentForm_OrderForm_SilverShop-Checkout-Component-Payment_PaymentMethod_Holder .middleColumn {
  float: left;
  width: 50%;
}

#CheckoutForm_PaymentMethodForm fieldset .optionset .middleColumn ul li input[type=radio], #PaymentForm_OrderForm_SilverShop-Checkout-Component-Payment_PaymentMethod_Holder .middleColumn ul li input[type=radio] {
  -webkit-appearance: checkbox; /* Chrome, Safari, Opera */
  -moz-appearance: checkbox; /* Firefox */
  -ms-appearance: checkbox; /* not currently supported */ /* IE */ /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */ /* Opera */
  transform: scale(1.5);
  padding: 10px;
}

.checkout p {
  background: #ff0000;
  color: #fff;
  border: 1px solid #eee;
  border-radius: 6px;
  text-shadow: none;
  margin: 20px 0 0;
  padding: 5px;
}

@media screen and (max-width: 800px) {
  #PaymentForm_OrderForm_SilverShop-Checkout-Component-Terms_ReadTermsAndConditions_Holder {
    margin: 5px 0 0 0px !important;
  }
  #PaymentForm_OrderForm_Captcha_Holder {
    margin: 5px 0 0 0px !important;
  }
  #Checkout form label.left {
    font-size: 14px !important;
  }
  #PaymentForm_OrderForm_SilverShop-Checkout-Component-Terms_ReadTermsAndConditions_Holder .checkbox {
    float: left;
  }
}
@media screen and (max-width: 600px) {
  #Checkout form label.left {
    float: none;
  }
  #PaymentForm_OrderForm_SilverShop-Checkout-Component-Payment_PaymentMethod_Holder .middleColumn {
    float: left;
    width: 100%;
  }
  .accordion-inner .btn-toolbar .action:hover, #Checkout #PaymentForm_OrderForm .btn-toolbar .action:hover {
    margin: 20px 0 0;
  }
  .accordion-inner .btn-toolbar .action, #Checkout #PaymentForm_OrderForm .btn-toolbar .action {
    margin: 20px 0 0;
  }
}
@media screen and (max-width: 480px) {
  #Checkout form input.text {
    width: 90%;
  }
  .summary-inner .middleColumn .textarea, .summary-inner .middleColumn textarea, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Notes_Notes_Holder .middleColumn .textarea, #PaymentForm_OrderForm_SilverShop-Checkout-Component-Notes_Notes_Holder .middleColumn .textarea, #PaymentForm_OrderForm_SilverShop-Checkout-Component-ExtraDetails_ExtraDetails_Holder .middleColumn .textarea {
    width: 90% !important;
  }
}
.warningMessage {
  margin: 4px 0 0 3px;
  padding: 5px;
  width: 92%;
  color: #DC1313;
  border: 4px solid #FF7373;
  background: #FED0D0;
}

#Content {
  text-align: left;
  margin: auto;
  padding-left: 20px;
}

#Content .emailTitle {
  color: #4EA3D7;
  font-family: Tahoma, Verdana, sans-serif;
  font-weight: normal;
  font-size: 20px;
}

#Content .PageTitle {
  padding: 5px;
  color: #333;
  font-size: 14px;
  font-family: Tahoma, Verdana, sans-serif;
}

#Content .footer td {
  padding: 10px;
}

#Content .footer td.right {
  text-align: right;
}

#Content .typography {
  padding: 0px 10px;
}

#Content .typography a {
  font-size: 1em;
  text-decoration: underline;
}

#Content .typography a:hover {
  text-decoration: none;
}

#Content .typography ul {
  padding: 2px 15px;
}

#Content .typography ul li {
  padding: 2px 5px;
}

#Content .typography p {
  margin: 0.75em 0em;
  font-size: 12px;
  color: #666;
}

table#SenderTable .sender,
table#SenderTable .meta {
  width: 50%;
}

table#MetaTable {
  margin-left: auto;
}

table#MetaTable .label {
  font-weight: bold;
}

#ShippingTable td,
#ShippingTable th {
  width: 50%;
}

table.infotable {
  border: 1px solid #CDDDDD;
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #fff;
  margin-top: 10px;
}

table.infotable td.product.title {
  color: #4EA3D7;
  font-size: 15px;
  font-weight: normal;
  font-family: Tahoma, Verdana, sans-serif;
}

table.infotable tr td,
table.infotable tr th {
  padding: 5px;
  color: #333;
  border: 1px solid #CDDDDD;
}

table.infotable td {
  font-size: 14px;
  line-height: 18px;
  vertical-align: middle;
}

table.infotable tr.summary {
  font-weight: bold;
}

table.infotable td.ordersummary {
  font-size: 1em;
  border-bottom: 1px solid #ccc;
}

table.infotable th {
  font-weight: bold;
  font-size: 12px;
  color: #000;
  background: #E7EFEF;
}

table.infotable tr td a {
  color: #4EA3D7;
  text-decoration: underline;
}

table.infotable tr td a:hover {
  text-decoration: none;
}

table.infotable .modifierRow,
table.infotable .threeColHeader {
  text-align: right;
}

table.infotable .right {
  text-align: right;
}

table.infotable .center {
  text-align: center;
}

table.infotable .left,
table.infotable th {
  text-align: left;
}

#Icons {
  display: none;
}

.category {
  overflow-x: hidden;
}

.sortOptions .current {
  text-decoration: none;
  font-weight: bold;
}

.productList {
  padding: 0;
  margin: 0;
}

/* 3) Product Settings */
.productItem {
  list-style: none;
  float: left;
  width: 140px;
  height: 250px;
  overflow: hidden;
  margin: 0 5px 5px 0;
  padding: 5px;
}

.productItem .productActions {
  padding: 0;
  margin: 0;
}

.productItem .productActions li {
  list-style: none;
  padding: 0;
  margin: 0;
}

.resultsBar .resultsShowing,
.resultsBar .resultsShowing {
  float: right;
  width: 50%;
  text-align: right;
}

/* Image placeholder */
.productItem a.noimage {
  padding: 40px 20px;
  height: 20px;
  text-align: center;
  background: #eeeeee;
  color: #d3d3d3;
  display: block;
  text-decoration: none;
  font-size: 20px;
  border-radius: 5px;
}

/**
Integrated webfont. Created via http://fontello.com/
 */
@font-face {
  font-family: "silvershop-icons";
  src: url("data:application/octet-stream;base64,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") format("woff"), url("data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+IUl6AAABUAAAAFZjbWFw6TBb6gAAAagAAAGMY3Z0IAbV/wQAAAjMAAAAIGZwZ22KkZBZAAAI7AAAC3BnYXNwAAAAEAAACMQAAAAIZ2x5Zu5WFgcAAAM0AAABzmhlYWQQTYoXAAAFBAAAADZoaGVhBzwDVwAABTwAAAAkaG10eA+gAAAAAAVgAAAAEGxvY2EBAwB+AAAFcAAAAAptYXhwAPULxAAABXwAAAAgbmFtZX8j9kAAAAWcAAAC5XBvc3Qx0K85AAAIhAAAAEBwcmVw5UErvAAAFFwAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAED6AGQAAUAAAJ6ArwAAACMAnoCvAAAAeAAMQECAAACAAUDAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFBmRWQAQOgB6AMDUv9qAFoDUgCWAAAAAQAAAAAAAAAAAAUAAAADAAAALAAAAAQAAAFYAAEAAAAAAFIAAwABAAAALAADAAoAAAFYAAQAJgAAAAQABAABAADoA///AADoAf//AAAAAQAEAAAAAQACAAMAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAADQAAAAAAAAAAwAA6AEAAOgBAAAAAQAA6AIAAOgCAAAAAgAA6AMAAOgDAAAAAwACAAD/5wPoAxQAAwAHAAi1BgQCAAItKxEFESUBBRElAdX+KwPo/isB1QMUff1QfQKwff1QfQAAAAMAAP9qA+gDUgANABwAKQA4QDUABggGbwAICQEHAAgHYAQBAAMBAQIAAV4AAgIFVgAFBQ0FSR4dJCMdKR4pGBESERESEAoFGyslIwYHMxchNzMmJyMDISUANTQ3Njc2MhcWFxYVFCUyPgE0LgEiDgEUHgEDa4gVGItL/NBLjBcXiH0D6P4M/sgqKkZJqklHKSv+xyI5IiI5RDkiIjmjHyC8vBwj/sd9ATj7VUhHKSsrKUdIVfp9IjlEOSIiOUQ5IgAAAAACAAD/qAOqAzMAHwAoAFFATgYBAwIBRwACAAMAAgNtAAEAAAIBAGAAAwAEBQMEXgkKBwMFBgYFVAkKBwMFBQZYCwgCBgUGTCEgAAAlJCAoISgAHwAfExARExEjKAwFGys3IicuAT8BAycjIiY0NjsBFyEDBQchFSEyFhQGIiY0NgUiJjQ2MhYUBtoGBgwJBTcyLnYNEhINnDACvj/9zy4CYP1wJzc3Tjc3ApgnNzdONzdkAwUYDHoBj1sTGhJe/nA9ZT83Tjc3Tje8N043N043AAAAAAEAAAABAACuoSKnXw889QALA+gAAAAA1qMjOwAAAADWoyM7AAD/agPoA1IAAAAIAAIAAAAAAAAAAQAAA1L/agAAA+gAAAAAA+gAAQAAAAAAAAAAAAAAAAAAAAQD6AAAA+gAAAPoAAAD6AAAAAAAAAAcAH4A5wAAAAEAAAAEACoAAwAAAAAAAgAYACgAcwAAAGILcAAAAAAAAAASAN4AAQAAAAAAAAA1AAAAAQAAAAAAAQAKADUAAQAAAAAAAgAHAD8AAQAAAAAAAwAKAEYAAQAAAAAABAAKAFAAAQAAAAAABQALAFoAAQAAAAAABgAKAGUAAQAAAAAACgArAG8AAQAAAAAACwATAJoAAwABBAkAAABqAK0AAwABBAkAAQAUARcAAwABBAkAAgAOASsAAwABBAkAAwAUATkAAwABBAkABAAUAU0AAwABBAkABQAWAWEAAwABBAkABgAUAXcAAwABBAkACgBWAYsAAwABBAkACwAmAeFDb3B5cmlnaHQgKEMpIDIwMTggYnkgb3JpZ2luYWwgYXV0aG9ycyBAIGZvbnRlbGxvLmNvbXNpbHZlcnNob3BSZWd1bGFyc2lsdmVyc2hvcHNpbHZlcnNob3BWZXJzaW9uIDEuMHNpbHZlcnNob3BHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuaHR0cDovL2ZvbnRlbGxvLmNvbQBDAG8AcAB5AHIAaQBnAGgAdAAgACgAQwApACAAMgAwADEAOAAgAGIAeQAgAG8AcgBpAGcAaQBuAGEAbAAgAGEAdQB0AGgAbwByAHMAIABAACAAZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AcwBpAGwAdgBlAHIAcwBoAG8AcABSAGUAZwB1AGwAYQByAHMAaQBsAHYAZQByAHMAaABvAHAAcwBpAGwAdgBlAHIAcwBoAG8AcABWAGUAcgBzAGkAbwBuACAAMQAuADAAcwBpAGwAdgBlAHIAcwBoAG8AcABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEAQIBAwEEAQUAB2NhdGFsb2cFem9uZXMEY2FydAAAAAEAAf//AA8AAAAAAAAAAAAAAAAAAAAAABgAGAAYABgDUv9qA1L/arAALCCwAFVYRVkgIEu4AA5RS7AGU1pYsDQbsChZYGYgilVYsAIlYbkIAAgAY2MjYhshIbAAWbAAQyNEsgABAENgQi2wASywIGBmLbACLCBkILDAULAEJlqyKAEKQ0VjRVJbWCEjIRuKWCCwUFBYIbBAWRsgsDhQWCGwOFlZILEBCkNFY0VhZLAoUFghsQEKQ0VjRSCwMFBYIbAwWRsgsMBQWCBmIIqKYSCwClBYYBsgsCBQWCGwCmAbILA2UFghsDZgG2BZWVkbsAErWVkjsABQWGVZWS2wAywgRSCwBCVhZCCwBUNQWLAFI0KwBiNCGyEhWbABYC2wBCwjISMhIGSxBWJCILAGI0KxAQpDRWOxAQpDsAFgRWOwAyohILAGQyCKIIqwASuxMAUlsAQmUVhgUBthUllYI1khILBAU1iwASsbIbBAWSOwAFBYZVktsAUssAdDK7IAAgBDYEItsAYssAcjQiMgsAAjQmGwAmJmsAFjsAFgsAUqLbAHLCAgRSCwC0NjuAQAYiCwAFBYsEBgWWawAWNgRLABYC2wCCyyBwsAQ0VCKiGyAAEAQ2BCLbAJLLAAQyNEsgABAENgQi2wCiwgIEUgsAErI7AAQ7AEJWAgRYojYSBkILAgUFghsAAbsDBQWLAgG7BAWVkjsABQWGVZsAMlI2FERLABYC2wCywgIEUgsAErI7AAQ7AEJWAgRYojYSBksCRQWLAAG7BAWSOwAFBYZVmwAyUjYUREsAFgLbAMLCCwACNCsgsKA0VYIRsjIVkqIS2wDSyxAgJFsGRhRC2wDiywAWAgILAMQ0qwAFBYILAMI0JZsA1DSrAAUlggsA0jQlktsA8sILAQYmawAWMguAQAY4ojYbAOQ2AgimAgsA4jQiMtsBAsS1RYsQRkRFkksA1lI3gtsBEsS1FYS1NYsQRkRFkbIVkksBNlI3gtsBIssQAPQ1VYsQ8PQ7ABYUKwDytZsABDsAIlQrEMAiVCsQ0CJUKwARYjILADJVBYsQEAQ2CwBCVCioogiiNhsA4qISOwAWEgiiNhsA4qIRuxAQBDYLACJUKwAiVhsA4qIVmwDENHsA1DR2CwAmIgsABQWLBAYFlmsAFjILALQ2O4BABiILAAUFiwQGBZZrABY2CxAAATI0SwAUOwAD6yAQEBQ2BCLbATLACxAAJFVFiwDyNCIEWwCyNCsAojsAFgQiBgsAFhtRAQAQAOAEJCimCxEgYrsHIrGyJZLbAULLEAEystsBUssQETKy2wFiyxAhMrLbAXLLEDEystsBgssQQTKy2wGSyxBRMrLbAaLLEGEystsBsssQcTKy2wHCyxCBMrLbAdLLEJEystsB4sALANK7EAAkVUWLAPI0IgRbALI0KwCiOwAWBCIGCwAWG1EBABAA4AQkKKYLESBiuwcisbIlktsB8ssQAeKy2wICyxAR4rLbAhLLECHistsCIssQMeKy2wIyyxBB4rLbAkLLEFHistsCUssQYeKy2wJiyxBx4rLbAnLLEIHistsCgssQkeKy2wKSwgPLABYC2wKiwgYLAQYCBDI7ABYEOwAiVhsAFgsCkqIS2wKyywKiuwKiotsCwsICBHICCwC0NjuAQAYiCwAFBYsEBgWWawAWNgI2E4IyCKVVggRyAgsAtDY7gEAGIgsABQWLBAYFlmsAFjYCNhOBshWS2wLSwAsQACRVRYsAEWsCwqsAEVMBsiWS2wLiwAsA0rsQACRVRYsAEWsCwqsAEVMBsiWS2wLywgNbABYC2wMCwAsAFFY7gEAGIgsABQWLBAYFlmsAFjsAErsAtDY7gEAGIgsABQWLBAYFlmsAFjsAErsAAWtAAAAAAARD4jOLEvARUqLbAxLCA8IEcgsAtDY7gEAGIgsABQWLBAYFlmsAFjYLAAQ2E4LbAyLC4XPC2wMywgPCBHILALQ2O4BABiILAAUFiwQGBZZrABY2CwAENhsAFDYzgtsDQssQIAFiUgLiBHsAAjQrACJUmKikcjRyNhIFhiGyFZsAEjQrIzAQEVFCotsDUssAAWsAQlsAQlRyNHI2GwCUMrZYouIyAgPIo4LbA2LLAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjILAIQyCKI0cjRyNhI0ZgsARDsAJiILAAUFiwQGBZZrABY2AgsAErIIqKYSCwAkNgZCOwA0NhZFBYsAJDYRuwA0NgWbADJbACYiCwAFBYsEBgWWawAWNhIyAgsAQmI0ZhOBsjsAhDRrACJbAIQ0cjRyNhYCCwBEOwAmIgsABQWLBAYFlmsAFjYCMgsAErI7AEQ2CwASuwBSVhsAUlsAJiILAAUFiwQGBZZrABY7AEJmEgsAQlYGQjsAMlYGRQWCEbIyFZIyAgsAQmI0ZhOFktsDcssAAWICAgsAUmIC5HI0cjYSM8OC2wOCywABYgsAgjQiAgIEYjR7ABKyNhOC2wOSywABawAyWwAiVHI0cjYbAAVFguIDwjIRuwAiWwAiVHI0cjYSCwBSWwBCVHI0cjYbAGJbAFJUmwAiVhuQgACABjYyMgWGIbIVljuAQAYiCwAFBYsEBgWWawAWNgIy4jICA8ijgjIVktsDossAAWILAIQyAuRyNHI2EgYLAgYGawAmIgsABQWLBAYFlmsAFjIyAgPIo4LbA7LCMgLkawAiVGUlggPFkusSsBFCstsDwsIyAuRrACJUZQWCA8WS6xKwEUKy2wPSwjIC5GsAIlRlJYIDxZIyAuRrACJUZQWCA8WS6xKwEUKy2wPiywNSsjIC5GsAIlRlJYIDxZLrErARQrLbA/LLA2K4ogIDywBCNCijgjIC5GsAIlRlJYIDxZLrErARQrsARDLrArKy2wQCywABawBCWwBCYgLkcjRyNhsAlDKyMgPCAuIzixKwEUKy2wQSyxCAQlQrAAFrAEJbAEJSAuRyNHI2EgsAQjQrAJQysgsGBQWCCwQFFYswIgAyAbswImAxpZQkIjIEewBEOwAmIgsABQWLBAYFlmsAFjYCCwASsgiophILACQ2BkI7ADQ2FkUFiwAkNhG7ADQ2BZsAMlsAJiILAAUFiwQGBZZrABY2GwAiVGYTgjIDwjOBshICBGI0ewASsjYTghWbErARQrLbBCLLA1Ky6xKwEUKy2wQyywNishIyAgPLAEI0IjOLErARQrsARDLrArKy2wRCywABUgR7AAI0KyAAEBFRQTLrAxKi2wRSywABUgR7AAI0KyAAEBFRQTLrAxKi2wRiyxAAEUE7AyKi2wRyywNCotsEgssAAWRSMgLiBGiiNhOLErARQrLbBJLLAII0KwSCstsEossgAAQSstsEsssgABQSstsEwssgEAQSstsE0ssgEBQSstsE4ssgAAQistsE8ssgABQistsFAssgEAQistsFEssgEBQistsFIssgAAPistsFMssgABPistsFQssgEAPistsFUssgEBPistsFYssgAAQCstsFcssgABQCstsFgssgEAQCstsFkssgEBQCstsFossgAAQystsFsssgABQystsFwssgEAQystsF0ssgEBQystsF4ssgAAPystsF8ssgABPystsGAssgEAPystsGEssgEBPystsGIssDcrLrErARQrLbBjLLA3K7A7Ky2wZCywNyuwPCstsGUssAAWsDcrsD0rLbBmLLA4Ky6xKwEUKy2wZyywOCuwOystsGgssDgrsDwrLbBpLLA4K7A9Ky2waiywOSsusSsBFCstsGsssDkrsDsrLbBsLLA5K7A8Ky2wbSywOSuwPSstsG4ssDorLrErARQrLbBvLLA6K7A7Ky2wcCywOiuwPCstsHEssDorsD0rLbByLLMJBAIDRVghGyMhWUIrsAhlsAMkUHiwARUwLQBLuADIUlixAQGOWbABuQgACABjcLEABUKyAAEAKrEABUKzCgIBCCqxAAVCsw4AAQgqsQAGQroCwAABAAkqsQAHQroAQAABAAkqsQMARLEkAYhRWLBAiFixA2REsSYBiFFYugiAAAEEQIhjVFixAwBEWVlZWbMMAgEMKrgB/4WwBI2xAgBEAAA=") format("truetype");
}
[class^=silvershop-icon-]:before,
[class*=" silvershop-icon-"]:before {
  font-family: "silvershop-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

[class^=font-icon-]:before,
[class*=" font-icon-"]:before {
  font-family: "silverstripe" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.silvershop-icon-catalog:before {
  content: "s";
} /* '' */
.silvershop-icon-zones:before {
  content: "s";
} /* '' */
.silvershop-icon-cart:before {
  content: "s";
} /* '' */
.font-icon-search:before {
  content: "s";
}

/* Order styles */
.shop-order h2 {
  margin: 0;
}

.shop-order .shop-order__total th {
  font-weight: bold;
}

.shop-order .shop-order__header th {
  padding-top: 0;
  padding-bottom: 0.3rem;
}

.shop-order__address {
  vertical-align: top;
}

.sidecart .item1 {
  clear: both;
  position: relative;
  padding-right: 16px;
  color: #fff;
}

.sidecart .item1 p {
  line-height: 16px;
  font-size: 14px;
}

.sidecart .image {
  float: left;
  margin-right: 1em;
}

.sidecart .remove {
  position: absolute;
  top: 0;
  right: 0;
  color: #fff;
  padding: 3px;
}

.sidecart p {
  margin-bottom: 0.1em;
}

.sidecart .quantity {
  font-weight: bold;
}

.cart .sidecart .checkout {
  margin: 10px 0;
}

.sidecart .odd {
  background: #006699;
  padding: 5px;
}

.sidecart .even {
  background: #005599;
  padding: 5px;
}

/* Global settings */
/* Global "table" column settings */
.product-image {
  float: left;
  width: 20%;
}

.product-details {
  float: left;
  width: 47%;
}

.product-price {
  float: left;
  width: 17%;
}

.product-quantity {
  float: left;
  width: 10%;
}

.product-removal {
  float: left;
  width: 9%;
}

.product-line-price {
  float: left;
  width: 17%;
  text-align: right;
}

/* This is used as the traditional .clearfix class */
.group:before, .shopping-cart:before, .column-labels:before, .product:before, .totals-item:before,
.group:after,
.shopping-cart:after,
.column-labels:after,
.product:after,
.totals-item:after {
  content: "";
  display: table;
}

.group:after, .shopping-cart:after, .column-labels:after, .product:after, .totals-item:after {
  clear: both;
}

.group, .shopping-cart, .column-labels, .product, .totals-item {
  zoom: 1;
}

/* Apply clearfix in a few places */
/* Apply dollar signs */
/* Body/Header stuff */
#Checkout label {
  color: #575757;
}

.shopping-cart {
  margin-top: -35px;
}

/* Column headers */
.column-labels label {
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.column-labels .product-image, .column-labels .product-details, .column-labels .product-removal {
  text-indent: -9999px;
}

/* Product entries */
.product {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.product .product-image {
  text-align: center;
}

.product .product-image img {
  width: 100px;
}

.product .product-details .product-title {
  margin-right: 20px;
  font-family: "HelveticaNeue", sans-serif;
}

.product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
}

.product .product-details .product-description .dropdown {
  font-size: 14px;
  color: #fff;
  border: none;
  background: #575756;
  padding: 5px;
  margin: 3px 0;
  cursor: pointer;
}

.product .product-quantity input {
  width: 40px;
}

.product .remove-product {
  border: 0;
  padding: 4px 8px;
  background-color: #c66;
  color: #fff;
  font-family: "HelveticaNeue", sans-serif;
  font-size: 12px;
  border-radius: 3px;
}

.product .remove-product:hover {
  background-color: #a44;
}

/* Totals section */
.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}

.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
}

.totals .totals-item-total {
  font-family: "HelveticaNeue", sans-serif;
}

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 25px;
  background-color: #6b6;
  color: #fff;
  font-size: 25px;
  border-radius: 3px;
}

.checkout:hover {
  background-color: #494;
}

/* Make adjustments for tablet */
@media screen and (max-width: 650px) {
  .shopping-cart {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }
  .column-labels {
    display: none;
  }
  .product-image {
    float: right;
    width: auto;
  }
  .product-image img {
    margin: 0 0 10px 10px;
  }
  .product-details {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }
  .product-price {
    clear: both;
    width: 70px;
  }
  .product-quantity {
    width: 100px;
  }
  .product-quantity input {
    margin-left: 20px;
  }
  .product-quantity:before {
    content: "x";
  }
  .product-removal {
    width: auto;
  }
  .product-line-price {
    float: right;
    width: 70px;
  }
}
/* Make more adjustments for phone */
@media screen and (max-width: 350px) {
  .product-removal {
    float: right;
  }
  .product-line-price {
    float: right;
    clear: left;
    width: auto;
    margin-top: 10px;
  }
  .product .product-line-price:before {
    content: "Item Total: $";
  }
  .totals .totals-item label {
    width: 60%;
  }
  .totals .totals-item .totals-value {
    width: 40%;
  }
}
/** Light color-scheme **/
:root {
  --cc-bg: #fff;
  --cc-text: #00837C;
  --cc-border-radius: .35em;
  --cc-btn-primary-bg: #00837C;
  --cc-btn-primary-text: var(--cc-bg);
  --cc-btn-primary-hover-bg: #1d2e38;
  --cc-btn-secondary-bg: #eaeff2;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #d8e0e6;
  --cc-btn-border-radius: 4px;
  --cc-toggle-bg-off: #919ea6;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #d5dee2;
  --cc-toggle-knob-bg: #fff;
  --cc-toggle-knob-icon-color: #ecf2fa;
  --cc-block-text: var(--cc-text);
  --cc-cookie-category-block-bg: #f0f4f7;
  --cc-cookie-category-block-bg-hover: #e9eff4;
  --cc-section-border: #f1f3f5;
  --cc-cookie-table-border: #e9edf2;
  --cc-overlay-bg: rgba(4, 6, 8, .85);
  --cc-webkit-scrollbar-bg: #cfd5db;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

/** Dark color-scheme **/
.c_darkmode {
  --cc-bg: #181b1d;
  --cc-text: #d8e5ea;
  --cc-btn-primary-bg: #a6c4dd;
  --cc-btn-primary-text: #000;
  --cc-btn-primary-hover-bg: #c2dff7;
  --cc-btn-secondary-bg: #33383c;
  --cc-btn-secondary-text: var(--cc-text);
  --cc-btn-secondary-hover-bg: #3e454a;
  --cc-toggle-bg-off: #667481;
  --cc-toggle-bg-on: var(--cc-btn-primary-bg);
  --cc-toggle-bg-readonly: #454c54;
  --cc-toggle-knob-bg: var(--cc-cookie-category-block-bg);
  --cc-toggle-knob-icon-color: var(--cc-bg);
  --cc-block-text: #b3bfc5;
  --cc-cookie-category-block-bg: #23272a;
  --cc-cookie-category-block-bg-hover: #2b3035;
  --cc-section-border: #292d31;
  --cc-cookie-table-border: #2b3035;
  --cc-webkit-scrollbar-bg: #667481;
  --cc-webkit-scrollbar-bg-hover: #9199a0;
}

.cc_div *,
.cc_div *:hover,
.cc_div :before,
.cc_div :after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: none;
  font-style: inherit;
  font-variant: normal;
  font-weight: inherit;
  font-family: inherit;
  line-height: 1.2;
  font-size: 1em;
  -webkit-transition: none;
  transition: none;
  -webkit-animation: none;
          animation: none;
  margin: 0;
  padding: 0;
  text-transform: none;
  letter-spacing: unset;
  color: inherit;
  background: none;
  border: none;
  border-radius: unset;
  -webkit-box-shadow: none;
          box-shadow: none;
  text-decoration: none;
  text-align: left;
  visibility: unset;
  height: auto;
  vertical-align: baseline;
}

.cc_div {
  font-size: 16px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  color: var(--cc-text);
}

.cc_div .c-bn,
.cc_div .b-tl,
#s-ttl,
#c-ttl,
#s-bl td:before {
  font-weight: 600;
}

#cm,
#s-inr,
.cc_div .c-bl,
.cc_div .b-tl,
#s-bl .act .b-acc {
  border-radius: var(--cc-border-radius);
}

#s-bl .act .b-acc {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.cc_div input,
.cc_div button,
.cc_div a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  overflow: hidden;
}

.cc_div a {
  border-bottom: 1px solid;
}

.cc_div a:hover {
  text-decoration: none;
  border-color: transparent;
}

/* Make elements "animatable" */
.c--anim #cm,
.c--anim #s-cnt,
.c--anim #s-inr,
#cs-ov,
#cm-ov {
  -webkit-transition: visibility 0.25s linear, opacity 0.25s ease, -webkit-transform 0.25s ease !important;
  transition: visibility 0.25s linear, opacity 0.25s ease, -webkit-transform 0.25s ease !important;
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease !important;
  transition: visibility 0.25s linear, opacity 0.25s ease, transform 0.25s ease, -webkit-transform 0.25s ease !important;
}

.c--anim .c-bn {
  -webkit-transition: background-color 0.25s ease !important;
  transition: background-color 0.25s ease !important;
}

/* start transitions */
.c--anim #cm.bar.slide,
.c--anim .bar.slide #s-inr {
  -webkit-transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease !important;
  transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease !important;
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease !important;
}

.c--anim #cm.bar.slide + #cm-ov,
.c--anim .bar.slide + #cs-ov {
  -webkit-transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease !important;
  transition: visibility 0.4s ease, opacity 0.4s ease, -webkit-transform 0.4s ease !important;
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease !important;
  transition: visibility 0.4s ease, opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease !important;
}

#cm.bar.slide,
.cc_div .bar.slide #s-inr {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  opacity: 1;
}

#cm.bar.top.slide,
.cc_div .bar.left.slide #s-inr {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  opacity: 1;
}

#cm.slide,
.cc_div .slide #s-inr {
  -webkit-transform: translateY(1.6em);
          transform: translateY(1.6em);
}

#cm.top.slide {
  -webkit-transform: translateY(-1.6em);
          transform: translateY(-1.6em);
}

#cm.bar.slide {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

#cm.bar.top.slide {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

/* end transitions */
/* Show modals */
.show--consent .c--anim #cm,
.show--consent .c--anim #cm.bar,
.show--settings .c--anim #s-inr,
.show--settings .c--anim .bar.slide #s-inr {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible !important;
}

.show--consent .c--anim #cm.box.middle,
.show--consent .c--anim #cm.cloud.middle {
  -webkit-transform: scale(1) translateY(-50%);
          transform: scale(1) translateY(-50%);
}

.show--settings .c--anim #s-cnt {
  visibility: visible !important;
}

/* Show overlays */
.force--consent.show--consent .c--anim #cm-ov,
.show--settings .c--anim #cs-ov {
  visibility: visible !important;
  opacity: 1 !important;
}

#cm {
  font-family: inherit;
  padding: 1.1em 1.5em 1.4em 1.5em;
  position: fixed;
  z-index: 1;
  background: var(--cc-bg);
  max-width: 24.2em;
  width: 100%;
  bottom: 1.25em;
  left: 1.25em;
  -webkit-box-shadow: 0 0.625em 1.875em #000000;
          box-shadow: 0 0.625em 1.875em #000000;
  -webkit-box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
          box-shadow: 0 0.625em 1.875em rgba(2, 2, 3, 0.28);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
  line-height: initial;
}

/** fix https://github.com/orestbida/cookieconsent/issues/94 **/
#cc_div #cm {
  display: block !important;
}

#c-ttl {
  margin-bottom: 0.7em;
  font-size: 1.05em;
}

.cloud #c-ttl {
  margin-top: -0.15em;
}

#c-txt {
  font-size: 0.9em;
  line-height: 1.5em;
}

.cc_div #c-bns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 1.4em;
}

.cc_div .c-bn {
  color: var(--cc-btn-secondary-text);
  background: var(--cc-btn-secondary-bg);
  padding: 1em 1.7em;
  display: inline-block;
  cursor: pointer;
  font-size: 0.82em;
  -moz-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none;
  text-align: center;
  border-radius: var(--cc-btn-border-radius);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#c-bns button + button,
#s-cnt button + button,
#s-c-bn {
  float: right;
  margin-left: 1em;
}

#s-cnt #s-rall-bn {
  float: none;
}

#cm .c_link:hover,
#cm .c_link:active,
#s-cnt button + button:hover,
#s-cnt button + button:active,
#s-c-bn:active,
#s-c-bn:hover {
  background: var(--cc-btn-secondary-hover-bg);
}

/**
CookieConsent settings modal
**/
#s-cnt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 101;
  display: table;
  height: 100%;
  visibility: hidden;
}

#s-bl {
  outline: none;
}

#s-bl .title {
  margin-top: 1.4em;
}

#s-bl .title:first-child {
  margin-top: 0;
}

#s-bl .b-bn {
  margin-top: 0;
}

#s-bl .b-acc .p {
  margin-top: 0;
  padding: 1em;
}

#s-cnt .b-bn .b-tl {
  display: block;
  font-family: inherit;
  font-size: 0.95em;
  width: 100%;
  position: relative;
  padding: 1.3em 6.4em 1.3em 2.7em;
  background: none;
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

#s-cnt .b-bn .b-tl.exp {
  cursor: pointer;
}

#s-cnt .act .b-bn .b-tl {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

#s-cnt .b-bn .b-tl:active,
#s-cnt .b-bn .b-tl:hover {
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl .b-bn {
  position: relative;
}

#s-bl .c-bl {
  padding: 1em;
  margin-bottom: 0.5em;
  border: 1px solid var(--cc-section-border);
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

#s-bl .c-bl:hover {
  background: var(--cc-cookie-category-block-bg);
}

#s-bl .c-bl:last-child {
  margin-bottom: 0.5em;
}

#s-bl .c-bl:first-child {
  -webkit-transition: none;
  transition: none;
  padding: 0;
  margin-top: 0;
  border: none;
  margin-bottom: 2em;
}

#s-bl .c-bl:not(.b-ex):first-child:hover {
  background: transparent;
  background: unset;
}

#s-bl .c-bl.b-ex {
  padding: 0;
  border: none;
  background: var(--cc-cookie-category-block-bg);
  -webkit-transition: none;
  transition: none;
}

#s-bl .c-bl.b-ex + .c-bl {
  margin-top: 2em;
}

#s-bl .c-bl.b-ex + .c-bl.b-ex {
  margin-top: 0;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 1em;
}

#s-bl .c-bl.b-ex:first-child {
  margin-bottom: 0.5em;
}

#s-bl .b-acc {
  max-height: 0;
  overflow: hidden;
  padding-top: 0;
  margin-bottom: 0;
  display: none;
}

#s-bl .act .b-acc {
  max-height: 100%;
  display: block;
  overflow: hidden;
}

#s-cnt .p {
  font-size: 0.9em;
  line-height: 1.5em;
  margin-top: 0.85em;
  color: var(--cc-block-text);
}

.cc_div .b-tg .c-tgl:disabled {
  cursor: not-allowed;
}

#c-vln {
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#cs {
  padding: 0 1.7em;
  width: 100%;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}

#s-inr {
  height: 100%;
  position: relative;
  max-width: 45em;
  margin: 0 auto;
  -webkit-transform: scale(0.96);
          transform: scale(0.96);
  opacity: 0;
  padding-top: 4.75em;
  padding-bottom: 4.75em;
  position: relative;
  height: 100%;
  overflow: hidden;
  visibility: hidden;
  -webkit-box-shadow: rgba(3, 6, 9, 0.26) 0px 13px 27px -5px;
          box-shadow: rgba(3, 6, 9, 0.26) 0px 13px 27px -5px;
}

#s-inr,
#s-hdr,
#s-bns {
  background: var(--cc-bg);
}

#s-bl {
  overflow-y: auto;
  overflow-y: overlay;
  overflow-x: hidden;
  height: 100%;
  padding: 1.3em 1.8em;
  display: block;
  width: 100%;
}

#s-bns {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 1em 1.8em;
  border-top: 1px solid var(--cc-section-border);
  height: 4.75em;
}

.cc_div .cc-link {
  color: var(--cc-btn-primary-bg);
  border-bottom: 1px solid var(--cc-btn-primary-bg);
  display: inline;
  padding-bottom: 0;
  text-decoration: none;
  cursor: pointer;
  font-weight: 600;
}

.cc_div .cc-link:hover,
.cc_div .cc-link:active {
  border-color: transparent;
}

#c-bns button:first-child,
#s-bns button:first-child {
  color: var(--cc-btn-primary-text);
  background: var(--cc-btn-primary-bg);
}

#c-bns.swap button:first-child {
  color: var(--cc-btn-secondary-text);
  background: var(--cc-btn-secondary-bg);
}

#c-bns.swap button:last-child {
  color: var(--cc-btn-primary-text);
  background: var(--cc-btn-primary-bg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg {
  background: var(--cc-toggle-bg-on);
}

#c-bns button:first-child:active,
#c-bns button:first-child:hover,
#s-bns button:first-child:active,
#s-bns button:first-child:hover,
#c-bns.swap button:last-child:active,
#c-bns.swap button:last-child:hover {
  background: var(--cc-btn-primary-hover-bg);
}

#c-bns.swap button:first-child:active,
#c-bns.swap button:first-child:hover {
  background: var(--cc-btn-secondary-hover-bg);
}

#s-hdr {
  position: absolute;
  top: 0;
  width: 100%;
  display: table;
  padding: 0 1.8em;
  height: 4.75em;
  vertical-align: middle;
  z-index: 2;
  border-bottom: 1px solid var(--cc-section-border);
}

#s-ttl {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
}

#s-c-bn {
  padding: 0;
  width: 1.7em;
  height: 1.7em;
  font-size: 1.45em;
  margin: 0;
  font-weight: initial;
  position: relative;
  overflow: hidden;
}

#s-c-bnc {
  display: table-cell;
  vertical-align: middle;
}

.cc_div span.t-lb {
  position: absolute;
  top: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

#c_policy__text {
  height: 31.25em;
  overflow-y: auto;
  margin-top: 1.25em;
}

#c-s-in {
  position: relative;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
  height: 100%;
  height: calc(100% - 2.5em);
  max-height: 37.5em;
}

@media screen and (min-width: 688px) {
  /** works only on webkit-based browsers **/
  #s-bl::-webkit-scrollbar {
    width: 0.9em;
    height: 100%;
    background: transparent;
    border-radius: 0 0.25em 0.25em 0;
  }
  #s-bl::-webkit-scrollbar-thumb {
    border: 0.25em solid var(--cc-bg);
    background: var(--cc-webkit-scrollbar-bg);
    border-radius: 100em;
  }
  #s-bl::-webkit-scrollbar-thumb:hover {
    background: var(--cc-webkit-scrollbar-bg-hover);
  }
  #s-bl::-webkit-scrollbar-button {
    width: 10px;
    height: 5px;
  }
}
/** custom checkbox **/
/* The container */
.cc_div .b-tg {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  display: inline-block;
  margin: auto;
  right: 1.2em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
}

/* Hide the browser's default checkbox */
.cc_div .b-tg .c-tgl {
  position: absolute;
  cursor: pointer;
  display: block;
  top: 0;
  left: 0;
  margin: 0;
  border: 0;
}

/* Create a custom checkbox */
.cc_div .b-tg .c-tg {
  position: absolute;
  background: var(--cc-toggle-bg-off);
  -webkit-transition: background-color 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: background-color 0.25s ease, -webkit-box-shadow 0.25s ease;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
  transition: background-color 0.25s ease, box-shadow 0.25s ease, -webkit-box-shadow 0.25s ease;
  pointer-events: none;
}

.cc_div span.t-lb,
.cc_div .b-tg,
.cc_div .b-tg .c-tg,
.cc_div .b-tg .c-tgl {
  width: 3.4em;
  height: 1.5em;
  border-radius: 4em;
}

.cc_div .b-tg .c-tg.c-ro {
  cursor: not-allowed;
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro {
  background: var(--cc-toggle-bg-readonly);
}

.cc_div .b-tg .c-tgl ~ .c-tg.c-ro:after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* Style the checkmark/indicator */
.cc_div .b-tg .c-tg:after {
  content: "";
  position: relative;
  display: block;
  left: 0.125em;
  top: 0.125em;
  width: 1.25em;
  height: 1.25em;
  border: none;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background: var(--cc-toggle-knob-bg);
  -webkit-box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
          box-shadow: 0 1px 2px rgba(24, 32, 35, 0.36);
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  border-radius: 100%;
}

/* Show the checkmark when checked */
.cc_div .b-tg .c-tgl:checked ~ .c-tg:after {
  -webkit-transform: translateX(1.9em);
          transform: translateX(1.9em);
}

#s-bl table,
#s-bl th,
#s-bl td {
  border: none;
}

#s-bl tbody tr {
  -webkit-transition: background-color 0.25s ease;
  transition: background-color 0.25s ease;
}

#s-bl tbody tr:hover {
  background: var(--cc-cookie-category-block-bg-hover);
}

#s-bl table {
  text-align: left;
  border-collapse: collapse;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

#s-bl td,
#s-bl th {
  padding: 0.8em 0.625em;
  text-align: left;
  vertical-align: top;
  font-size: 0.8em;
  padding-left: 1.2em;
}

#s-bl th {
  font-family: inherit;
  padding: 1.2em 1.2em;
}

#s-bl thead tr:first-child {
  border-bottom: 1px solid var(--cc-cookie-table-border);
}

.force--consent #s-cnt,
.force--consent #cs {
  width: 100vw;
}

#cm-ov,
#cs-ov {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  background: #070707;
  background: var(--cc-overlay-bg);
  display: none;
  -webkit-transition: none;
  transition: none;
}

.show--settings #cs-ov,
.c--anim #cs-ov,
.force--consent .c--anim #cm-ov,
.force--consent.show--consent #cm-ov {
  display: block;
}

#cs-ov {
  z-index: 2;
}

.force--consent .cc_div {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  width: 100vw;
  visibility: hidden;
  -webkit-transition: visibility 0.25s linear;
  transition: visibility 0.25s linear;
}

.force--consent.show--consent .c--anim .cc_div,
.force--consent.show--settings .c--anim .cc_div {
  visibility: visible;
}

.force--consent #cm {
  position: absolute;
}

.force--consent #cm.bar {
  width: 100vw;
  max-width: 100vw;
}

html.force--consent.show--consent {
  overflow-y: hidden !important;
}

html.force--consent.show--consent,
html.force--consent.show--consent body {
  height: auto !important;
  overflow-x: hidden !important;
}

/** END BLOCK PAGE SCROLL */
/** BEGIN ICONS **/
.cc_div .b-bn .exp::before,
.cc_div .act .b-bn .exp::before {
  border: solid var(--cc-btn-secondary-text);
  border-width: 0 2px 2px 0;
  padding: 0.2em;
  display: inline-block;
  position: absolute;
  content: "";
  margin-right: 15px;
  position: absolute;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  left: 1.2em;
  top: 50%;
}

.cc_div .act .b-bn .b-tl::before {
  -webkit-transform: translateY(-20%) rotate(225deg);
          transform: translateY(-20%) rotate(225deg);
}

.cc_div .on-i::before {
  border: solid var(--cc-toggle-knob-icon-color);
  border-width: 0 2px 2px 0;
  padding: 0.1em;
  display: inline-block;
  padding-bottom: 0.45em;
  content: "";
  margin: 0 auto;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  top: 0.37em;
  left: 0.75em;
  position: absolute;
}

#s-c-bn::before,
#s-c-bn::after {
  content: "";
  position: absolute;
  left: 0.82em;
  top: 0.58em;
  height: 0.6em;
  width: 1.5px;
  background: var(--cc-btn-secondary-text);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 1em;
  margin: 0 auto;
}

#s-c-bn::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cc_div .off-i,
.cc_div .on-i {
  height: 100%;
  width: 50%;
  position: absolute;
  right: 0;
  display: block;
  text-align: center;
  -webkit-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
}

.cc_div .on-i {
  left: 0;
  opacity: 0;
}

.cc_div .off-i::before,
.cc_div .off-i::after {
  right: 0.8em;
  top: 0.42em;
  content: " ";
  height: 0.7em;
  width: 0.09375em;
  display: block;
  background: var(--cc-toggle-knob-icon-color);
  margin: 0 auto;
  position: absolute;
  -webkit-transform-origin: center;
          transform-origin: center;
}

.cc_div .off-i::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cc_div .off-i::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .on-i {
  opacity: 1;
}

.cc_div .b-tg .c-tgl:checked ~ .c-tg .off-i {
  opacity: 0;
}

/** END ICONS **/
#cm.box.middle,
#cm.cloud.middle {
  top: 50%;
  -webkit-transform: translateY(-37%);
          transform: translateY(-37%);
  bottom: auto;
}

#cm.box.middle.zoom,
#cm.cloud.middle.zoom {
  -webkit-transform: scale(0.95) translateY(-50%);
          transform: scale(0.95) translateY(-50%);
}

#cm.box.center {
  left: 1em;
  right: 1em;
  margin: 0 auto;
}

/* Start cloud layout */
#cm.cloud {
  max-width: 50em;
  margin: 0 auto;
  text-align: center;
  left: 1em;
  right: 1em;
  overflow: hidden;
  padding: 1.3em 2em;
  width: unset;
}

.cc_div .cloud #c-inr {
  display: table;
  width: 100%;
}

.cc_div .cloud #c-inr-i {
  width: 70%;
  display: table-cell;
  vertical-align: top;
  padding-right: 2.4em;
}

.cc_div .cloud #c-txt {
  font-size: 0.85em;
}

.cc_div .cloud #c-bns {
  min-width: 170px;
  display: table-cell;
  vertical-align: middle;
}

#cm.cloud .c-bn {
  margin: 0.625em 0 0 0;
  width: 100%;
}

#cm.cloud .c-bn:first-child {
  margin: 0;
}

#cm.cloud.left {
  margin-right: 1.25em;
}

#cm.cloud.right {
  margin-left: 1.25em;
}

/* End cloud layout */
/* Start bar layout */
#cm.bar {
  width: 100%;
  max-width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 0;
  position: fixed;
  padding: 2em;
}

#cm.bar #c-inr {
  max-width: 32em;
  margin: 0 auto;
}

#cm.bar #c-bns {
  max-width: 33.75em;
}

#cm.bar #cs {
  padding: 0;
}

.cc_div .bar #c-s-in {
  top: 0;
  -webkit-transform: none;
          transform: none;
  height: 100%;
  max-height: 100%;
}

.cc_div .bar #s-hdr,
.cc_div .bar #s-bl,
.cc_div .bar #s-bns {
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.cc_div .bar #cs {
  padding: 0;
}

/* align bar to right by default */
.cc_div .bar #s-inr {
  margin: 0;
  margin-left: auto;
  margin-right: 0;
  border-radius: 0;
  max-width: 32em;
}

.cc_div .bar.left #s-inr {
  margin-left: 0;
  margin-right: auto;
}

/* Force table to not be like tables anymore */
.cc_div .bar #s-bl table,
.cc_div .bar #s-bl thead,
.cc_div .bar #s-bl tbody,
.cc_div .bar #s-bl th,
.cc_div .bar #s-bl td,
.cc_div .bar #s-bl tr,
.cc_div .bar #s-cnt {
  display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.cc_div .bar #s-bl thead tr {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.cc_div .bar #s-bl tr {
  border-top: 1px solid var(--cc-cookie-table-border);
}

.cc_div .bar #s-bl td {
  /* Behave  like a "row" */
  border: none;
  position: relative;
  padding-left: 35%;
}

.cc_div .bar #s-bl td:before {
  position: absolute;
  left: 1em;
  padding-right: 0.625em;
  white-space: nowrap;
  content: attr(data-column);
  color: var(--cc-text);
  overflow: hidden;
  text-overflow: ellipsis;
}

/* End bar layout */
/* Positions */
#cm.top {
  bottom: auto;
  top: 1.25em;
}

#cm.left {
  right: auto;
  left: 1.25em;
}

#cm.right {
  left: auto;
  right: 1.25em;
}

#cm.bar.left,
#cm.bar.right {
  left: 0;
  right: 0;
}

#cm.bar.top {
  top: 0;
}

/* end positions */
@media screen and (max-width: 688px) {
  #cm,
#cm.cloud,
#cm.left,
#cm.right {
    width: auto;
    max-width: 100%;
    margin: 0;
    padding: 1.4em !important;
    right: 1em;
    left: 1em;
    bottom: 1em;
    display: block;
  }
  .force--consent #cm,
.force--consent #cm.cloud {
    width: auto;
    max-width: 100vw;
  }
  #cm.top {
    top: 1em;
    bottom: auto;
  }
  #cm.bottom {
    bottom: 1em;
    top: auto;
  }
  #cm.bar.bottom {
    bottom: 0;
  }
  #cm.cloud .c-bn {
    font-size: 0.85em;
  }
  #s-bns,
.cc_div .bar #s-bns {
    padding: 1em 1.3em;
  }
  .cc_div .bar #s-inr {
    max-width: 100%;
    width: 100%;
  }
  .cc_div .cloud #c-inr-i {
    padding-right: 0;
  }
  #cs {
    border-radius: 0;
    padding: 0;
  }
  #c-s-in {
    max-height: 100%;
    height: 100%;
    top: 0;
    -webkit-transform: none;
            transform: none;
  }
  .cc_div .b-tg {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    right: 1.1em;
  }
  #s-inr {
    margin: 0;
    padding-bottom: 7.9em;
    border-radius: 0;
  }
  #s-bns {
    height: 7.9em;
  }
  #s-bl,
.cc_div .bar #s-bl {
    padding: 1.3em;
  }
  #s-hdr,
.cc_div .bar #s-hdr {
    padding: 0 1.3em;
  }
  /** dynamic table layout **/
  #s-bl table {
    width: 100%;
  }
  #s-inr.bns-t {
    padding-bottom: 10.5em;
  }
  .bns-t #s-bns {
    height: 10.5em;
  }
  .cc_div .bns-t .c-bn {
    font-size: 0.83em;
    padding: 0.9em 1.6em;
  }
  #s-cnt .b-bn .b-tl {
    padding-top: 1.2em;
    padding-bottom: 1.2em;
  }
  /* Force table to not be like tables anymore */
  #s-bl table,
#s-bl thead,
#s-bl tbody,
#s-bl th,
#s-bl td,
#s-bl tr,
#s-cnt {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  #s-bl thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  #s-bl tr {
    border-top: 1px solid var(--cc-cookie-table-border);
  }
  #s-bl td {
    /* Behave  like a "row" */
    border: none;
    position: relative;
    padding-left: 35%;
  }
  #s-bl td:before {
    position: absolute;
    left: 1em;
    padding-right: 0.625em;
    white-space: nowrap;
    content: attr(data-column);
    color: var(--cc-text);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  #cm .c-bn,
.cc_div .c-bn {
    width: 100%;
    margin-right: 0;
  }
  #s-cnt #s-rall-bn {
    margin-left: 0;
  }
  .cc_div #c-bns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #c-bns button + button,
#s-cnt button + button {
    margin-top: 0.625em;
    margin-left: 0;
    float: unset;
  }
  #cm.cloud,
#cm.box {
    left: 1em;
    right: 1em;
    width: auto;
  }
  #cm.cloud.right,
#cm.cloud.left {
    margin: 0;
  }
  .cc_div .cloud #c-bns,
.cc_div .cloud #c-inr,
.cc_div .cloud #c-inr-i {
    display: block;
    width: auto;
    min-width: unset;
  }
  .cc_div .cloud #c-txt {
    font-size: 0.9em;
  }
  .cc_div .cloud #c-bns {
    margin-top: 1.625em;
  }
}
/* Begin IE fixes */
.cc_div.ie #c-vln {
  height: 100%;
  padding-top: 5.62em;
}

.cc_div.ie .bar #c-vln {
  padding-top: 0;
}

.cc_div.ie #cs {
  max-height: 37.5em;
  position: relative;
  top: 0;
  margin-top: -5.625em;
}

.cc_div.ie .bar #cs {
  margin-top: 0;
  max-height: 100%;
}

.cc_div.ie #cm {
  border: 1px solid #dee6e9;
}

.cc_div.ie #c-s-in {
  top: 0;
}

.cc_div.ie .b-tg {
  padding-left: 1em;
  margin-bottom: 0.7em;
}

.cc_div.ie .b-tg .c-tgl:checked ~ .c-tg:after {
  left: 1.95em;
}

.cc_div.ie #s-bl table {
  overflow: auto;
}

.cc_div.ie .b-tg .c-tg {
  display: none;
}

.cc_div.ie .b-tg .c-tgl {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0.2em;
  height: auto;
}

.cc_div.ie #s-cnt .b-bn .b-tl {
  padding: 1.3em 6.4em 1.3em 1.4em;
}

.cc_div.ie .bar #s-bl td:before {
  display: none;
}

.cc_div.ie .bar #s-bl td {
  padding: 0.8em 0.625em 0.8em 1.2em;
}

.cc_div.ie .bar #s-bl thead tr {
  position: relative;
}

.cc_div.ie .b-tg .t-lb {
  filter: alpha(opacity=0);
}

.cc_div.ie #cm-ov,
.cc_div.ie #cs-ov {
  filter: alpha(opacity=80);
}

/** END IE FIXES **/