html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
body {margin: 0;color: #303030;}
body {font-size: .9em;display: flex;flex-direction: column;font-family: 'Inter', sans-serif;font-weight: 400;text-align: left;position: relative;transition: all .5s ease;}
 
#layout {/* flex: 1 0 auto; */}
.footer {flex-shrink: 0;}

.iframeBlock {/* overflow-y: scroll; */height: 100%;background: #FFFF;}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;  }
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;  }
audio: not([controls]) {  display: none;  height: 0;  }
[hidden],template {  display: none;  }
a {  background-color: transparent;  }
a:active,a:hover {  outline: 0;  }
abbr[title] {  border-bottom: 1px dotted;  }
b,strong {  font-weight: bold;  }
dfn {  font-style: italic;  }
h1, .h1style {/* font-size: 2em; *//* margin: 0.67em 0; */}
mark {  background: #ff0;  color: #000;  }
small {  font-size: 80%;  }
sub,sup {  font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;  }
sup {  top: -0.5em;  }
sub {  bottom: -0.25em;  }
img {  border: 0;  }
svg: not(: root) {  overflow: hidden;  }
figure {  margin: 1em 40px;  }
hr {  -webkit-box-sizing: content-box;  box-sizing: content-box;  height: 0;  }
pre {  overflow: auto;  }
code,kbd,pre,samp {  font-family: monospace, monospace;  font-size: 1em;  }
button,input,optgroup,select,textarea {  color: inherit;  font: inherit;  margin: 0;  }
button {  overflow: visible;  }
button,select {  text-transform: none;  }
button,html input[type="button"],input[type="reset"],input[type="submit"] {  -webkit-appearance: button;  cursor: pointer;  position: relative;  background: #191919;  color: #ffffff;  border: none;  text-transform: uppercase;  font-family: 'Open Sans', sans-serif; font-size: 15.4px;  font-weight: bold;  letter-spacing: 0.6px;  text-align: center;  cursor: pointer;  padding: 5px 12px;  }
button[disabled],html input[disabled] {  cursor: default;  }
button:: -moz-focus-inner,input:: -moz-focus-inner {  border: 0;  padding: 0;  }
input {  line-height: normal;  }
input[type="checkbox"],input[type="radio"] {  -webkit-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  }
input[type="number"]:: -webkit-inner-spin-button,input[type="number"]:: -webkit-outer-spin-button {  height: auto;  }
input[type="search"] {  -webkit-appearance: textfield;  -webkit-box-sizing: content-box;  box-sizing: content-box;  }
input[type="search"]:: -webkit-search-cancel-button,input[type="search"]:: -webkit-search-decoration {  -webkit-appearance: none;  }
fieldset {  border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;  }
legend {  border: 0;  padding: 0;  }
textarea {  overflow: auto;  }
optgroup {  font-weight: bold;  }
table {  border-collapse: collapse;  border-spacing: 0;  }
td,th {  padding: 0;  }

/*! Source: https: //github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {  
   *, *:before, *:after {content:'';  background: transparent !important;  color: #000 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
   a, a:visited {text-decoration: none;}
   a[href]:after {  content: '';  }
   abbr[title]:after {  content: " (" attr(title) ")";  }
   a[href^="#"]:after, a[href^="javascript: "]:after {  content: "";  }
   pre, blockquote {  border: 1px solid #999;  page-break-inside: avoid;  }
   thead {  display: table-header-group;  }
   tr, img {  page-break-inside: avoid;  }
   img {  max-width: 100% !important;  }
   p, h2, .h2style, h3, .h3style {  orphans: 3;  widows: 3;  }
   h2, .h2style, h3, .h3style {  page-break-after: avoid;  }
   .navbar {  display: none;  }
   .btn > .caret, .dropup > .btn > .caret {  border-top-color: #000 !important;  }
   .label {  border: 1px solid #000;  }
   .table {  border-collapse: collapse !important;  }
   .table td, .table th {  background-color: #fff !important;  }
   .table-bordered th, .table-bordered td {  border: 1px solid #ddd !important;  }
   button, .button, #social, .menuIcons, .userMenu , .navIcon, .menuIcons .userMenu.logged_in{ display:none !important;}
   .Header h1 { display:block;}
}



/* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {margin: 0.5em 0;line-height: 1.7em;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #0d9595;text-decoration: none;}
.Button-primary {  background-color: #191919;  border-color: #191919;  }
.Button-primary:hover {  background: #191919;  }
a.button:focus {color:#fff; }
a:hover, a:focus {text-decoration: none;color: #191919;}
a img {  border: 0px  }
img {  max-width: 100%;  width: auto\9;  height: auto;  vertical-align: middle;  border: 0;  -ms-interpolation-mode: bicubic;  }
h1, h2, h3, h4, h5, h6 {color: #191919;text-align: left;text-rendering: optimizelegibility;font-family: 'Barlow Condensed', sans-serif;font-weight: 600;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit ;text-decoration: none;}
ul, ol {  margin-left: 3em;  list-style: disc;  }
ol {  list-style: decimal;  }
blockquote, q {  quotes: none;  }
blockquote:before, blockquote:after, q:before, q:after {  content: '';  content: none;  }
hr {margin-top: 20px;margin-bottom: 20px;border: 0;border-top: 1px solid #dcdcdc;}
sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
.fieldrow sup{color:red;}
table {  border-collapse: collapse;  }
table td, table th {  vertical-align: top;  }
table.content_table {  border: 1px solid #e9e9e9;  }
table.content_table td, table.content_table th {  padding: 4px;  border: 1px solid #e9e9e9;  border-collapse: collapse;  }
.colbtn {  padding: 6px 23px;  color: #FFF;  display: inline-block;  margin: 6px;  }
nav ul {  margin: 0;  padding: 0;  }

.skip-to-main-content-link {position: absolute;left: -9999px;z-index: 99999;padding: 1em;background-color: black;color: white;}
.skip-to-main-content-link:focus {left: 0%;transform: translateX(0%);opacity: 1; color:#FFF;}
// Usage as a mixin
.skip-navigation {  @include sr-only;  @include sr-only-focusable;}
*:focus, *:focus-visible {outline: 2px solid blue;}



/* ==================== input elements==================== ================================================== */
button, input, optgroup, select, textarea {  margin: 0;  font: inherit;  color: inherit;  }
button {  overflow: visible;  }
button, select {  text-transform: none;  }
button:: -moz-focus-inner, input:: -moz-focus-inner {  padding: 0;  border: 0;  }

input {  line-height: normal;  }
input[type="checkbox"], input[type="radio"] {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  padding: 0;  margin: 0 3px;  }
input[type="number"]:: -webkit-inner-spin-button, input[type="number"]:: -webkit-outer-spin-button {  height: auto  }
input, select, textarea {/* color: #271f1b; *//* border: 1px solid #E9E9E9; *//* background: #FBFBEA; *//* padding: 5px; *//* font-style: normal; *//* font-weight: 400; *//* text-align: left; *//* outline: none; */}
textarea {  overflow: auto;  height: 120px;  min-width: 250px;  width: 70%;  }
input[type=button], input[type=reset], input[type=submit], .button {display: inline-block;line-height: 1;background-color: #191919;color: #fff;fill: #fff;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size: 1.2em;font-weight: 400;border-radius: 5px;padding: 10px 30px 10px 30px;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #18cfcf;color: #191919;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #191919;}
input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea {width: 100%;min-height: 45px;background-color: rgba(49, 48, 47, 0.07);border: 1px solid transparent;font-size: 14px;padding: 11px 21px;text-align: left;color: #31302f;margin: 10px 0;border-radius: 4px;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder {  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }
.select-wrapper {  position: relative;  }
.select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: #191919 ;  font-size: 20px;  line-height: 1;  height: 20px;  width: 10px;  text-align: center;  display: block;  position: absolute;  right: 10px;  top: 50%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  pointer-events: none;  }
select {border-radius: 0;margin: 0;font-size: 16px;}
select:: -ms-expand {  display: none;  }
label {font-weight: bold;}

.error, .taoCMSerror,.errmsg {color: red;display: block;}
input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number], select,textarea {width: 100%;min-height: 40px;background-color: #e5e5e5;border: 1px solid rgba(0, 0, 0, 0.07);font-size: 14px;padding: 10px;text-align: left;color: #31302f;margin: 5px 0;border-radius: 0;}
input[type=email]:: -webkit-input-placeholder, input[type=password]:: -webkit-input-placeholder, input[type=tel]:: -webkit-input-placeholder, input[type=text]:: -webkit-input-placeholder, select:: -webkit-input-placeholder, textarea:: -webkit-input-placeholder { color:#31302f;  }
input[type=email]:: -moz-placeholder, input[type=password]:: -moz-placeholder, input[type=tel]:: -moz-placeholder, input[type=text]:: -moz-placeholder, select:: -moz-placeholder, textarea:: -moz-placeholder {color:#31302f; }
input[type=email]: -ms-input-placeholder, input[type=password]: -ms-input-placeholder, input[type=tel]: -ms-input-placeholder, input[type=text]: -ms-input-placeholder, select: -ms-input-placeholder, textarea: -ms-input-placeholder { color:#31302f;  }
input[type=email]: -moz-placeholder, input[type=password]: -moz-placeholder, input[type=tel]: -moz-placeholder, input[type=text]: -moz-placeholder, select: -moz-placeholder, textarea: -moz-placeholder { color:#31302f;  }
input[type=email]:focus:: -webkit-input-placeholder, input[type=password]:focus:: -webkit-input-placeholder, input[type=tel]:focus:: -webkit-input-placeholder, input[type=text]:focus:: -webkit-input-placeholder, select:focus:: -webkit-input-placeholder, textarea:focus:: -webkit-input-placeholder {  color: transparent;  }
input[type=email]:focus: -moz-placeholder, input[type=password]:focus: -moz-placeholder, input[type=tel]:focus: -moz-placeholder, input[type=text]:focus: -moz-placeholder, select:focus: -moz-placeholder, textarea:focus: -moz-placeholder {  color: transparent;  }
input[type=email]:focus:: -moz-placeholder, input[type=password]:focus:: -moz-placeholder, input[type=tel]:focus:: -moz-placeholder, input[type=text]:focus:: -moz-placeholder, select:focus:: -moz-placeholder, textarea:focus:: -moz-placeholder {  color: transparent;  }
input[type=email]:focus: -ms-input-placeholder, input[type=password]:focus: -ms-input-placeholder, input[type=tel]:focus: -ms-input-placeholder, input[type=text]:focus: -ms-input-placeholder, select:focus: -ms-input-placeholder, textarea:focus: -ms-input-placeholder {  color: transparent;  }
input[type=radio] {  display: block;  float: left;  margin-right: 10px;  }

.button-black {background: #191919;color:#FFF ; border:1px solid transparent;}
.button-black:hover {background: #FFF; color:#191919; }

.button-white {background: #FFF;color: #000;border:1px solid transparent;}
.button-white:hover {background: #191919;  color:#FFF;}

.button-lg {padding:20px 30px;font-size: 1.3em !important;}
.button-sm, a.event_register_link {padding: 5px 30px;font-size: 1em;}
.button-lg, .button-sm {display: inline-block;  }

.button-lines{background:transparent;border: 1px solid #ffffff;color: #ffffff;}
.button-no-lines{background:transparent;border: 0;padding: 13px 5px;color: #191919;}

.button-lines.button-black{ border-color:#191919 ; color:#191919 ;}
.button-lines.button-black:hover, a.event_register_link:hover{ background:#191919; color:#FFF;} 
.button-lines.button-white{ border-color:#FFF ; color:#FFF ;}
.button-lines.button-white:hover{ background:#FFF; color:#191919;} 


a.event_register_link:after, .button-arrow-right:after {font-family: 'Material Symbols Outlined';content:"\e8e4";padding: 0 0 0 4px;display: inline-block;vertical-align: middle;font-size: 30px;line-height: 20px;}
.button-arrow-down:after {  font-family: 'Material Symbols Outlined'; font-size: 15.4px;  content: '\e5db';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'Material Symbols Outlined'; font-size: 15.4px;  content: '\e317';  padding: 0 4px 0 0px;  }
 
a.event_register_link {display: inline-block;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size: 1em;font-weight: 400;border-radius: 5px;padding: 5px 14px;background:transparent;border: 1px solid #ffffff;border-color:#191919;color:#191919;}


/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container:after, .row:after, .navbar-toggle:after, .nav-bar:after, .clearfix:after {  content: "";  display: table;  clear: both;  }
.pad {  padding-left: 15px;  padding-right: 15px;  }
.pad-left {  padding-left: 15px;  }
.pad-right {  padding-right: 15px;  }
.divider {  margin-top: 20px;  position: relative;  }
.divider-line {  margin: 40px 0;  }

.img-circle {  border-radius: 50%;  }
.hide {  display: none;  }
.show {  display: block !important;  }
.invisible {  visibility: hidden;  }

.color-block{background:#DDDD;}
.color-block.yellow .section-title span, .color-block.yellow{ background:#191919;}
.color-block.grey{background: #eee;}
.color-block h4{text-align: center;}
.color-block.black * , .color-block.red *{ color:#FFF;}
.color-block.red .button{color:#191919 ;margin: 10px auto;display: block;max-width: 150px;}
.color-block.black .section-title span , .color-block.black{ background:#191919 ;}
.color-block.imageBG{background-repeat:no-repeat;background-attachment:fixed;position:relative;padding: 100px 0 !important;}
.color-block.imageBG#Peer_Board{display:block; background:url(/image/cache/peers_bg.jpg);}
.color-block.imageBG:after{content:'';display:block;position:absolute;width:100%;height:100%;z-index: 0;top:0;left:0;background: rgba(13, 13, 13, 0.85);}
.color-block.imageBG .container{ position:relative;z-index:2; color:#FFF;}
.section-title {position: relative;text-transform: uppercase;font-size: 2.8em;margin-bottom: 30px;/* background: #DDD; */}
.section-title span{background: #FFF;padding: 0 10px;position: relative;z-index: 1;}
.section-title:after {content: '';position: absolute;z-index: 0;top: 0;bottom: 0;display: block;margin: auto;background: #191919;width: 100%;height: 5px;}
.color-block.red .section-title:after{ background:#FFF;} 

/* ==================== layout==================== ================================================== */
#layout {position: relative;top: 0;left: 0;width: 100%;min-width: 100%;min-height: 100vh;background: #FFF;display: flex;flex-direction: column;justify-content: space-between;}
#wrapper {height: auto;width: 100%;position: relative;/* flex: 1 0 auto; */}
.content-block {  padding: 25px 0; }
.page-content-block {  margin: 0 0;  }
.subpageHeader-block {padding-top: 100px;text-align: justify;background: #191919;position: relative;}
.subpageHeader-block .pageTitle {position: relative;/* top: 50%; *//* transform: translateY(-50%); */width: 100%;text-align: center;}
.subpageHeader-block h2 {margin: 15px 0;color: #fff;}
.home-content-block {  border: 0;  padding: 50px 0; }
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
.breadcrumb {background: transparent;padding: 10px 0;color:#FFF;display: block !important;}
.breadcrumb a {color:#FFF;display: inline-block;padding-right: 4px;}

.breadcrumb .container{/* display:flex; */justify-content: flex-start;flex-direction: row;align-items: center;}

/* ====================header ==================== ================================================== */
.Header h1 {display: none;color: #FFF;}
.Header {position: fixed;width: 100%;z-index: 99;padding: 0;top: 0;left: 0;transition: all .5s ease;background: transparent;}
.Header .container{position:relative;}

.Header .Navigation{position: static;z-index:2;}
.Header .Navigation:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity: 0.25;}
body.subpage .Header {background: #FFF;box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);}

.topNav {background: #93002e;color:#FFF;}
.topNav p{margin: auto;text-align:right;text-transform: uppercase;padding: 7px 15px;}
.topNav p a{ color:#FFF;}
.logo {position: relative;z-index: 999;padding: 0;/*-webkit-transition: all .5s ease;  -moz-transition: all .5s ease;  -ms-transition: all .5s ease;  -o-transition: all .5s ease;  transition: all .5s ease;  */text-align: center;}
.logo a{
    display: contents;
}
.logo img {position: relative;display: inline-block;/* vertical-align: middle; */margin: 0;transition: all .3s ease;padding: 10px 0;max-height: 100px;}

.Navigation__body, .HeaderMenu {height:100%;position: static;}
.Navigation__body {background:#191919;position: relative;z-index: 99;}
.HeaderMenu > ul {list-style: none;padding: 0;margin: 0 auto;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: flex-end;align-items: center;position: static;}
.HeaderMenu>ul>li {position:relative;text-align: center;/* min-width: 7%; */}
.HeaderMenu>ul>li.hasSub > a:after{content: "\e5cf";display:inline-block;position: relative;font-family: Material Symbols Outlined;font-size: 20px;vertical-align: middle;font-weight: 600;display: inline-block;margin: 0 0 0 2px;vertical-align: top;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;transform: rotate(0);color: inherit;position: relative;background: transparent;height: auto;width: auto;right: auto;line-height: inherit;}

.HeaderMenu>ul>li a {color: #191919;display: block;padding: 10px 15px;font-weight: 500;font-size: 1.1em;}
.HeaderMenu>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover{color: #191919;}
.HeaderMenu>ul>li ul{display: none;position:absolute;list-style: none;margin: 0;padding: 0;min-width: 260px;margin-top: 0;background: #191919;left:0;top:100%;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu>ul>li ul li {text-align:left;}
.HeaderMenu>ul>li ul li a{padding: 10px;font-size: .9em;color: #FFF;}
.HeaderMenu>ul>li:hover > ul { display:block; }

.HeaderMenu>ul>li ul li:first-child{padding-top: 1px;}
.HeaderMenu>ul>li ul li{position:relative;left: 0;top: 0;width: auto;}
.HeaderMenu>ul>li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu>ul>li ul li:hover{}
.HeaderMenu>ul>li ul li ul{ left:auto; right:100%; background: #191919;}   
.HeaderMenu>ul>li ul li:hover ul{ display:block;}
.HeaderMenu>ul>li ul li ul li:last-child{padding:0;} 
.subpage .HeaderMenu>ul>li a, .Header.headBg .HeaderMenu>ul>li > a{color:#191919;}
.HeaderMenu>ul>li:hover > a, .Header.headBg .HeaderMenu>ul>li:hover > a{color: #191919;}
.HeaderMenu>ul>li.hasSub{ position:static;}
.HeaderMenu>ul>li.hasSub > ul{display:none;left: auto;transform: translateX(0%);right: 0%;top: 99%;min-width: auto;width: auto;}
.HeaderMenu>ul>li.hasSub:hover > ul{display:flex;}
.HeaderMenu>ul>li.hasSub > ul > li {min-width: 260px;padding: 10px;}
.HeaderMenu>ul>li.hasSub > ul > li ul{display:block;position:relative;left: 0;top: auto;right: auto;width: auto;min-width: auto;background: none;box-shadow: none;}
.HeaderMenu>ul>li.hasSub > ul > li ul li a{padding: 10px;text-transform:capitalize;padding-top: 0; color:#FFF;}
.HeaderMenu>ul>li.hasSub > ul > li:hover a{color:#FFF;}
.HeaderMenu>ul>li.hasSub > ul > li a:hover, .HeaderMenu>ul>li.hasSub > ul > li:hover a:hover{ color:#191919;}

.breadCrumbNav{float:left;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.cartMenu{position: relative;text-align: right;float: right;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.cartMenu ul{position: relative;margin:0;padding:0;z-index: 2;text-align: left;list-style:none;transition: all .2s ease;display: flex;justify-content: flex-end;flex-direction: row;align-items: center;}
.cartMenu ul li{display: block;/* margin-left: 66px; */background: transparent;}
.cartMenu ul li+li{ display:none;}
.cartMenu ul li a{color: #FFF;display: inline-block;vertical-align: middle;font-size: 1em;font-weight: 500;padding: 0px 10px;margin: 0;line-height: 30px;} 
.cartMenu ul li a:before{content:"\f07a";font-family:FontAwesome;font-weight:normal;display: inline-block;/* vertical-align: middle; */font-size: 1.3em;padding: 0 5px;line-height: initial;}
.cartMenu ul li a:hover{color: #0d9595; }


.Sidebar__body {background-color: #191919;right: -500px;min-width: 300px;max-width: 400px;width: 50%;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 10000;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar .Sidebar__backdrop, .searchBlock .search_backdrop{position: fixed;width:100%;z-index: 9999;height:100%;background: rgb(0 0 0 / 25%);top:0;left:0;}
.Sidebar.show .Sidebar__body {  right: 0;  }
.Sidebar.show .Sidebar__backdrop {  display: block;  }
.SidebarMenu {padding: 0;padding-bottom: 30px;}
.SidebarMenu ul {list-style: none;padding: 0;margin: 0;}
.SidebarMenu ul li {}
.SidebarMenu ul li ul li a{font-size: 1em;padding: 15px 30px;}
.SidebarMenu ul li ul li, .SidebarMenu ul li ul li ul li{/* margin-left: 10px; */}
.SidebarMenu ul li a, .SidebarMenu ul li span {font-size: 1.2em;color: #FFF;text-decoration: none;display: block;padding: 15px 20px;text-transform: uppercase;font-weight: 300;}
.SidebarMenu ul li ul li {padding:0;border: 0;}
.SidebarMenu ul li ul li a{text-transform: none;}
.SidebarMenu ul a:hover, .SidebarMenu ul span:hover{color: #FFF;background: #363636;}

.menuIcons {display:flex;justify-content: flex-end; position:relative;}
.menuIcons .userMenu{display: none;}
.menuIcons .userMenu.logged_in {display:block;position: relative;}
.menuIcons .userMenu.logged_in button{padding: 17px 10px;line-height:0;display: block;}
.menuIcons .userMenu.logged_in i{font-size:2em; color:#191919;}
.menuIcons .userMenu .userMenubar {position:absolute;z-index: 9;width: 250px;right: 0;}
.menuIcons .userMenu .userMenubar ul{padding:0;margin:0;left: 0;list-style:none;position:relative;z-index: 9999;background: #191919;}
.menuIcons .userMenu .userMenubar > ul:before{content:'';display:block;width: 15px;height:15px;border-bottom: 10px solid #191919;border-left: 10px solid transparent;border-right: 10px solid transparent;top: -15px;right: 15px;float: right;position: relative;}
.menuIcons .userMenu .userMenubar ul li{ display:block;}
.menuIcons .userMenu .userMenubar ul li a{display:block;padding: 12px;color:#FFF;text-align: left;}

.userMenubar_backdrop.collapsed {transition: all .3s ease;opacity:0;}
.userMenubar_backdrop  {opacity:1;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgb(51 51 51 / 9%);z-index: -1;transition: all .3s ease;transition: all .3s ease;}


.menuIcons .navIcon button {padding:10px;text-align: right;color: #191919;}
.NavbarToggle {/* display: inline-block; */vertical-align: middle;background-color: transparent;border: 0;padding: 0;line-height: 0;}
.NavbarToggle span {font-size: 3em;color: #191919;font-weight: bold;transition: all .5s ease;} 

.sidebar__Close {padding: 0;}
.sidebar__Close button {height:auto;padding: 5px;color: #FFF;}
.sidebar__Close button span{color: #FFF;font-size: 2em;}
body.subpage .Header .NavbarToggle i {  color: #191919;  }
.Header.headBg  {box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 30%);transition: all .5s ease;background: #FFF;}
.Header.headBg .logo img {transition: all .3s ease;max-height: 80px;padding: 5px 0;}
.Header.headBg .logo a{color: #191919;}

#changeparameters_9, #changeparameters_9 ~p{display:none;}
#changeparameters_9 select{padding: 20px;margin: 0;}

/* ==================== Social Menu ==================== ================================================== */
#social {position: relative;z-index: 99;margin: 0;width: 100%;}
#social ul {margin: 0;padding: 0;text-align: left;margin-bottom: 15px;}
#social li {float: none;display: inline-block;vertical-align: middle;margin: 0;}
#social li a {text-align: center;padding: 0 !important;color: #FFF;display: block;}
#social li a span {display: none;font-family: 'Open Sans', sans-serif;text-transform: capitalize;font-size: 16px;margin-left: 5px;color: #FFF;font-weight: 600;}
#social li a:before {content:'';width: 40px;height: 40px;margin-right: 20px;display: block;}
#social li.audio a:before{content: "\f028"; width: 80px;border-radius: 30px;font-size: 22px;}
#social li.facebook a:before {content: '';background: url(/image/cache/facebook.svg) no-repeat;background-size: 30px;background-position: center;border-radius: 5px;}
#social li.twitter a:before {content: "\f099"; }
#social li.instagram a:before {content: '';background: url(/image/cache/instagram.svg) no-repeat;background-size: 30px;background-position: center;border-radius: 5px;}
#social li.linkedin a:before {content: "\f0e1"; }
#social li.youtube a:before {content: '';background: url(/image/cache/youtube.svg) no-repeat;background-size: 30px;background-position: center;border-radius: 5px;}

#social li.shop a:before {content:"\e8cc";font-family: Material Symbols Outlined;background:#333;color: #d9d5d9;font-size: 24px;border-radius: 5px;font-weight: bold;height: 30px;width: 31px;text-align: center;line-height: 33px;}

#social li.pinterest a:before {  content: "\f231";  } 
#social li.contact a:before, #social li.email a:before {content: "\f0e0"; }
#social li.rss a:before {content: "\f09e"; } 
#social li.phone a:before {content: "\f095";width: auto;}

#social li.tiktok a:before{background: url(/image/cache/tiktok.svg) no-repeat;background-size: 31px;background-position: center;}

#social li.phone a span{display:inline-block;vertical-align: middle;color: #8b8071;}
/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {
}

/* ====================Footer==================== ================================================== */
footer .footerDetails {padding: 15px 0;padding-bottom: 0;display: flex;width: 100%;height: 100%;flex-wrap: wrap;align-content: space-between;color: #515151;}

footer {clear: both;background: #191919;color: #FFF;z-index: 1;position: relative;margin-top: 3em;}
footer .address {text-align: left;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;} 
footer .address * {color: #8d8d8d!important;} 
footer .address p{ padding-left:30px;}
footer .address p span{display:inline-block;margin-left: -30px;width: 30px;text-align: center;vertical-align: middle;}

.footerNav{display: block;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.footerNav ul { margin: 0px; padding: 0px; list-style: none;}
.footerNav >ul{vertical-align: top;list-style: none;padding: 0;flex-wrap: nowrap;justify-content: space-between;}
.footerNav > ul > li {text-align: left;/* min-width: 33.3333%; */}
.footerNav > ul > li > a, .footerNav > ul > li > span {}
.footerNav ul li>a {padding: 0px;margin: 0px;display: block;}
.footerNav ul li a{padding: 5px;display: block;color: #8d8d8d;display: inline-block;}
.footerNav ul li>ul  {margin: 0px;padding: 0;list-style: none;}
.footerNav ul li> ul li {float: none;display: block;margin: 5px 0;text-align: revert;}
.footerNav ul li> ul li a{padding: 5px 0;font-size: 1em;font-weight: normal;}
.footerNav ul li a:hover{color: #FFFF;}

.subfooter-nav ul { display: block;text-align: left;width: 100%;}
.subfooter-nav ul li { display: inline-block !important;  float: none !important;  }
.subfooter-nav ul li a {  padding: 0 5px !important;  }
.subfooter-nav ul li a:hover {  background: none !important;  }
 
.stickyForm {padding: 15px 0;}
.stickyForm input{background:#363636;border:1px solid #4e4e4e;color: #FFF;}
.stickyForm input:hover, .stickyForm input:focus{ background:#555555;}
#submitButton {background: #323232;padding: 10px 30px;margin: 10px 5px;border-radius: 0;color: #999;font-size:14px;border:1px solid #4e4e4e;}
#submitButton:hover{color:#FFF; background:#555555;}
/* ==================== Copyright ==================== */
.copyright {text-align: left;font-size: 0.85em;padding-bottom: 15px;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.copyright a {color: #8d8d8d!important;}
.copyright span {display: block;text-align: left;color: #8d8d8d!important;}
.subpage .copyright{margin:0;margin-top: 30px;}
/* ==================== Go to top button ==================== ================================================== */
.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 10px;right: 0px;z-index: 10;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;background: #8b8071;/* border: 1px solid #fff; */visibility: hidden;opacity: 0;-webkit-transition: opacity .3s 0s, visibility 0s .3s;-moz-transition: opacity .3s 0s, visibility 0s .3s;transition: opacity .3s 0s, visibility 0s .3s;}
.cd-top i {color: #fff;font-size: 1.4em;text-align: center;line-height: 40px;text-indent: 0;display: block;position: absolute;right: 0;top: 0;left: 0;bottom: 0;margin: 0 auto;}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {  -webkit-transition: opacity .3s 0s, visibility 0s 0s;  -moz-transition: opacity .3s 0s, visibility 0s 0s;  transition: opacity .3s 0s, visibility 0s 0s;  }
.cd-top.cd-is-visible {  visibility: visible;  opacity: 1;  }
.cd-top.cd-fade-out {opacity: .75;}
.cd-top:hover, .no-touch .cd-top:hover {opacity: 1;background: #191919;border-color:#FFF;}
.cd-top:hover i{ color:#FFF;}

/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup {  clear: both;  margin: 10px 0;  padding: 5px;  }
.fieldgroup_label {  font-size: 1.5em;  font-weight: bold;  font-family: 'Open Sans', sans-serif;  width: 98%;  display: block;  color: #F9A13A;  padding: 5px 1%;  margin: 20px 0 5px 0;  border-bottom: 1px solid #F9A14C;  }
.fieldgroup_desc, .field_desc {  font-style: italic;  color: #191919 ;  line-height: 1.4em;  padding: 0 3px;  font-size: 0.87em;  margin-bottom: 10px;  clear: both;  }
.fieldrow {  padding: 5px 0;  text-align: left;  display: block;  }
.fieldrow .fieldlabel sup {  color: red;  margin-left: 5px;  }
.fieldrow .fieldval textarea {  width: 80%;  min-height: 100px;  }
.fieldrow .fieldlabel {  display: inline-block;  width: 100%;  margin: 0 0.5%;  text-align: left !important;  margin-right: 20px !important;  }
.fieldrow .fieldval {  display: inline-block;  width: 100%;  margin: 0 0.5%;  vertical-align: top;  }
.fieldrow .fieldval input, .fieldrow .fieldval input[type=text], .fieldrow .fieldval input[type=tel], .fieldrow .fieldval input[type=email], .fieldrow .fieldval select {  width: 80%;  }
.fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .button {  width: auto;  }
.fieldrow .fieldval input[type=file] {  border: 1px solid #ddd;  }
.group_nogroup_label, .group_nogroup_label, .group_nogroup_tr {  display: none;  }

.newPostTemplate.webform .fieldrow .fieldlabel, .newPostTemplate.webform .fieldrow .fieldval{width:auto;display:block;margin: 0 5px;}
.newPostTemplate.webform .fieldrow .fieldval input[type=number], .newPostTemplate.webform .fieldrow .fieldval input[type=text], .newPostTemplate.webform .fieldrow .fieldval input[type=tel], 
.newPostTemplate.webform .fieldrow .fieldval input[type=email], .newPostTemplate.webform .fieldrow .fieldval select, .newPostTemplate.webform .fieldrow .fieldval textarea
{ width:100%;}
.newPostTemplate.webform .fieldrow .fieldval input[name*='date'], .newPostTemplate.webform .fieldrow .fieldval input[name*='date'],
.webform .fieldrow .fieldval input[name*='date'], .webform .fieldrow .fieldval input[name*='date']
{width: calc(100% - 30px);}
#date_of_birth_input{width:100%;min-height:45px;margin: 4px 0;border-radius: 0;background-color: rgba(43, 43, 43, 0.07);border: 1px solid rgba(47, 47, 47, 0.07);}
.newPostTemplate.webform .fieldrow .fieldval input[type='checkbox']{width:auto; }
.newPostTemplate.webform .fieldrow .desc{ font-size:.84em; color:#777;}
.newPostTemplate.webform .fieldrow .fieldlabel label{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;display: block;font-size: 15px;margin: 0;}
.newPostTemplate.webform .fieldrow .fieldlabel label{ display:inline;}
.newPostTemplate.webform .fieldrow .fieldval label{font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: 400;font-size: 15px;margin: 0;display: inline-block;}
.newPostTemplate.webform .fieldrow .fieldval div[class*="_radio"]{display:inline-block;}

.newPostTemplate.webform.webform_view  .fieldrow .fieldlabel label{font-weight:bold;}

/* ====================small size grid style declarations==================== ================================================== */
 

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
   .Navigation {transition: margin .5s ease;}
   .Navigation .container{/* width:98%; *//* max-width: none; */}
   body.subpage .Navigation {  margin-top: 0;  }

   /* ==================== webform styles ==================== ================================================== */
   .fieldrow .fieldval select {width: 80%;padding: 8px 5px;}
   .fieldrow .fieldval input {  width: 80%;  }
   .fieldrow .fieldval input[type=button], .fieldrow .fieldval input[type=reset], .fieldrow .fieldval input[type=submit], .fieldrow .fieldval .button, .fieldrow .fieldval input[type='radio'], .fieldrow .fieldval input[type='checkbox'] {  width: auto;  }
   .fieldrow .fieldval {  display: inline-block;  vertical-align: top;  width: 40%;  margin: 0;  text-align: left;  }
   .fieldrow .fieldlabel {  width: 30%;  min-width: 10%;  }
}
  
@media (min-width: 1200px) {  
   .Navigation .container{width: auto;max-width: 1140px;}
}

/* ==================== taoCMS Components and Modules ==================== ================================================== */

.slider-block{ padding:0;}
.sliderSection {position:relative;/* min-height: 90vh; */}
.sliderSection .tao-item .item {position:relative;background: #d3d3d3;overflow: hidden;}
.sliderSection .tao-item .item .captionData {position:absolute;width:100%;height:100%;top: 0;left: 0;}
.sliderSection .tao-item .item .captionData .container {position: relative; }   
.sliderSection .tao-item .item .captionData:after{content:'';background: #202020;opacity: .9;display: none;width: 90%;height:100%;position: absolute;left: 0;top: 0;z-index: 1;clip-path: polygon(0 0, 45% 0, 65% 100%, 0% 100%);clip-path: circle(56% at 15% 100%);}
.sliderSection .tao-carousel .tao-item .item .image img{/* filter:grayscale(1); */opacity:.4;min-height: 600px;}
.sliderSection .tao-carousel .tao-item .item .caption{position: relative;z-index: 2;height: auto;top: 50%;width: 50%;transform: translateY(-50%);color: #191919;} 
.sliderSection .tao-carousel .tao-item .item .caption .ngfIcon { max-width:150px;}
.sliderSection .tao-carousel .tao-item .item .caption h2{font-weight: 700;color: #191919;margin: 0;line-height: .9;font-size: 80px;} 
.sliderSection .tao-carousel .tao-item .item .caption p.lead{color: #191919;font-size:1.7em;margin: 0;}


.sliderContent div.activeSlide { display: block; right: 0; }
.slider_block div.container {height: 100%;}
.tao-carousel .tao-item .item .caption{padding: 10px;color: #FFF;max-width: 100%;margin: 0;top: 0;display: none;padding: 0 15px;}
 
/*caption Video*/
.tao-carousel .tao-item .item .caption.Video {  width: 100%;  max-width: none;  text-align: center;  position: relative;  height: auto;  padding: 0;  border: 0;  margin: 0;  }
.tao-carousel .tao-item .item .caption.Video h3 {  text-align: left;  margin: 0;  margin-left: 15px;  padding: 0;  display: none;  }
.tao-carousel .tao-item .item .caption.Video iframe {  height: 400px !important;  width: 100%;  }
.tao-carousel .tao-item .item .caption.Video a, .sliderContent div.base.slShow div.caption.Video p {  padding: 0;  margin: 0;  }

/* caption positions*/ 
.tao-carousel .tao-item .item .caption.Top-Left {  top: 2%;  left: 0;  }
.tao-carousel .tao-item .item .caption.Top-Center {  top: 2%;  left: 50%;  -webkit-transform: translateY(-2%) translateX(-50%);  -ms-transform: translateY(-2%) translateX(-50%);  transform: translateY(-2%) translateX(-50%);  }
.tao-carousel .tao-item .item .caption.Top-Center * {  text-align: center !important;  }
.tao-carousel .tao-item .item .caption.Top-Right {  top: 2%;  left: 100%;  -webkit-transform: translateY(-2%) translateX(-100%);  -ms-transform: translateY(-2%) translateX(-100%);  transform: translateY(-2%) translateX(-100%);  text-align: right !important;  }
.tao-carousel .tao-item .item .caption.Top-Right * {  text-align: right !important;  }
.tao-carousel .tao-item .item .caption.Middle-Left {  top: 50%;  left: 0%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);  display: block !important; }
.tao-carousel .tao-item .item .caption.Middle-Center {  top: 50%;  left: 50%;  -webkit-transform: translateY(-50%) translateX(-50%);  -ms-transform: translateY(-50%) translateX(-50%);  transform: translateY(-50%) translateX(-50%);  }
.tao-carousel .tao-item .item .caption.Middle-Center * {  text-align: center !important;  }
.tao-carousel .tao-item .item .caption.Middle-Right {  top: 50%;  left: 100%;  -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);  }
.tao-carousel .tao-item .item .caption.Middle-Right * {  text-align: right !important;  }
.tao-carousel .tao-item .item .caption.Bottom-Left {  top: 100%;  left: 0%;  -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%);  transform: translateY(-100%);  }
.tao-carousel .tao-item .item .caption.Bottom-Center {  top: 100%;  left: 50%;  -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) translateX(-50%);  }
.tao-carousel .tao-item .item .caption.Bottom-Center * {  text-align: center !important;  }
.tao-carousel .tao-item .item .caption.Bottom-Right {  top: 100%;  left: 100%;  -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);  }
.tao-carousel .tao-item .item .caption.Bottom-Right * {  text-align: right !important;  }
.tao-carousel .tao-item .item .caption div {position: relative;z-index: 2;}
.tao-carousel .tao-item .item .caption div a {text-align: center;margin: 0;}
.tao-carousel .tao-item .item .slShow  .caption {display: block;position: absolute;z-index: 2;}
.tao-carousel .tao-item .item .slShow  .caption.No-Background {  background: none !important;  }


/*Caption Backgrounds*/
.tao-carousel .tao-item .item .caption.White {  background: rgb(255 255 255 / 80%);  }
.tao-carousel .tao-item .item .caption.White * {  color: #191919;  }

.tao-carousel .tao-item .item .caption.Blue {  background: #191919;  }
.tao-carousel .tao-item .item .caption.Blue * {  color: #FFF;  }

.tao-carousel .tao-item .item .caption.lightBlue {  background: #191919;  }
.tao-carousel .tao-item .item .caption.lightBlue * {  color: #191919;  }

.tao-carousel .tao-item .item .caption.Black {  background: rgb(0 0 0 / 80%);  }
.tao-carousel .tao-item .item .caption.Black * {  color: #FFF;  }


.taoNav {margin-top: -30px;position: relative;z-index: 98;text-align: center;display: none;}
.taoNav a {  margin: 2px 6px;  display: inline-block;  vertical-align: middle;  padding: 0;  border: 0;  border-radius: 2px;  -webkit-border-radius: 2px;  -ms-border-radius: 2px;  -moz-border-radius: 2px;  color: #08364c;  background: #08364c;  cursor: pointer;  font-size: 0;  width: 28px;  height: 6px;  line-height: 0;  text-align: center;  }
.taoNav a.active {  background: #191919;  color: #191919;  }
.taoNav a:hover {  text-decoration: none;  }
 
/* subpage_slider*/
.subpage_slider {  padding: 100px 0; background-position: center center;  background-attachment: fixed;  background-size: cover;  }

/* tao dots */
.tao-carousel .tao-dots {text-align:center;margin: 10px 0;}
.tao-carousel button.tao-dot {display:inline-block;width: 30px;height: 5px;background: #999;margin:2px;}
.tao-carousel button.tao-dot.active {background:#191919;}

.tao-carousel .tao-item .item .sl_link, .tao-carousel .tao-item .item .instructorLogin {text-align:center;padding: 15px 10px;background: #191919;color: #FFF;margin: 25px 0;box-shadow: 0px 0px 1px #000;transition: all .5s ease;font-size: 1.3em;}
.tao-carousel .tao-item .item .sl_link  h2,.tao-carousel .tao-item .item .instructorLogin h2{color:#FFF !important;text-align:center;margin: 0;font-size: 20px !Important;}
.tao-carousel .tao-item .item .sl_link:hover, .tao-carousel .tao-item .item .instructorLogin:hover {background:#FFF;transition: all .5s ease;}
.tao-carousel .tao-item .item .sl_link:hover *, .tao-carousel .tao-item .item .instructorLogin:hover * {color:#191919;}

.tao-carousel .tao-item .item .eventsBlock  {border:1px solid #191919; background:#FFF; padding:10px;}
.tao-carousel .tao-item .item .eventsBlock .announcement{display:flex;align-items: center;justify-content: flex-start;}
.tao-carousel .tao-item .item .eventsBlock .date {width: 75px;height: 70px;font-weight: bold;font-size: 1.5em;background: #191919;display: flex;flex-direction: column;justify-content: center;color: #FFF;}
.tao-carousel .tao-item .item .eventsBlock .month{font-weight:normal; font-size:.8em; line-height:1;}
.tao-carousel .tao-item .item .eventsBlock .content { padding:0 10px;}
.tao-carousel .tao-item .item .eventsBlock .content a{ color:#191919;}

.tao-carousel .tao-item .item .eventsBlock .event_date{margin: 0 auto;font-weight: 900;font-size: 1.2em;line-height: 1em;text-transform: uppercase;color: #444;}
.tao-carousel .tao-item .item .eventsBlock .event_time { font-size: .84em;   display: block;  font-weight: 400;  line-height: 1.5em; }
.tao-carousel .tao-item .item .eventsBlock .event_day {font-size: 1.5em;padding: 10px;}
.tao-carousel .tao-item .item .eventsBlock .event_content {padding: 10px;font-weight: normal;font-size: 1em;text-align: left;line-height: 1.5em;}
.tao-carousel .tao-item .item .eventsBlock .event_content a {font-size: 1.2em;font-weight: 500;}
.tao-carousel .tao-item .item .eventsBlock .event_name a{ vertical-align: middle;word-break: break-word;  }

form#changepass, .general_login, #sendinstructions {max-width: 360px;margin: 0 auto;text-align: left;padding: 15px;border: 1px solid rgb(233, 233, 233);}
#changepass h2 ,.general_login div.logintitle {  background: transparent;  color: #32383e;  font-size: 18px;  line-height: 25px;  font-weight: normal;  }
.general_login div.loginmessage {  font-style: italic;  margin-bottom: 20px;  }
.changepass div.row, .general_login div.row {margin: 10px 0px;text-align: left;display: flex;flex-direction: column;}
.changepass div.row label, .general_login div.row span.label {text-align: left;min-width: 100px;}
.changepass div.row label {font-weight: normal;display: block;text-align: left;margin-bottom: 0;}
.changepass div.row span, .general_login div.row span.formw {display: inline-block;vertical-align: middle;}

.changepass div.row span {display:block;}
.changepass div.row span input {max-width: 100%;}
.changepass div.row span .pwdlevel {font-size:.8em;font-style: italic;}
.changepass div.row:last-child {text-align: center;}
.changepass div.row:last-child label{display:none;}

.general_login div.loginbtn {text-align: center;flex-direction: inherit;justify-content: center;}
.general_login div.loginbtn input{ width:auto;}
.general_login div.forgotpassword {text-align: center;}
.general_login .errmsg {  color: #F04A26;  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
.general_login div.row.remember {flex-direction: row;}

.user_info_block {padding: 3em 0;}

.userinfotitle {font-weight:600;font-size:1.2em;margin-bottom: 10px;}
.updateinfo {width:100%; max-width:600px;}
.updateinfo tr td { padding:8px;  border:1px solid #ccc;}
.emailforuser_mid,.email2_mid, .pwd1_mid, .pwd2_mid{ display:none;}
.emailforuser_lbl {width:200px;}
.updateinfo tr.password_msg td{border:0;padding: 15px 0px;}

.usernameBlock .user_info_block  {padding:3em;background:#f6f6f6;border:1px solid #e4e4e4;max-width: 600px;margin:  0 auto;}
.usernameBlock .user_info_block .register {width:100%;}
.usernameBlock .user_info_block .register tr td {padding:5px; vertical-align:middle;}
.registration_button {text-align:center;}

.webform_frm_upload  .iframeBlock {max-height:200px;overflow-y: scroll;border: 1px solid #eee;margin-bottom: 15px;}

.subscriptions_block {padding: 15px 0;margin:15px 0;}
.subscriptions_block .subscriptions tr td {padding: 10px;vertical-align:middle;border: 1px solid #DDD;} 
.subscriptions_block .subscriptions tr td input{margin:0;float: none;}
.subscriptionname {font-weight:600;}

#subscriptions table {margin-bottom: 30px;width: 100%;}
#subscriptions table tr th, #subscriptions table tr td { padding:10px; border:1px solid #ddd;}
#subscriptions table tr th { background:#ccc;}
#subscriptions table tr td.price {width: 200px;}
#subscriptions table tr.purchasedate td{ padding:2px 10px;}

.shippinginfotable tr td{padding:5px;vertical-align: middle;} 
#cartbuttons ul, #changeinfo ul{list-style:none;margin: 0;padding: 0;margin-top: 30px;}
#cartbuttons ul li, #changeinfo ul li {display:inline-block;margin: 6px 10px;}
#cartbuttons ul li .catalog.cancel:hover { background:red; color:#FFF;}
#changeinfo ul li a{display:inline-block; padding: 7px; }

#subscriptions table.subscriptions{margin-bottom: 20px;}
.subscriptions tr td:first-child{width:20px;padding: 5px;}
.subscriptions tr td div{display:inline-block;vertical-align: middle;}
.subscriptions tr td div.subscriptionname {font-weight:bold; }
.subscriptions tr td div.subscriptionprice {display:none; }
#subscriptionorder:before {content:''; display:table; clear:both; width:100%;}
.subscriptionorder, .recurringsubscriptionorder{width: 100%;border-collapse:collapse;margin-bottom:25px;}
.subscriptionorder tr td, .subscriptionorder tr th, .recurringsubscriptionorder tr td, .recurringsubscriptionorder tr th {border:1px solid #ddd; padding:5px;}
.subscriptionorder .purchasedate td {background:#ddd;text-align: right;font-size:1.2em;}
.subscriptionorder tr.subordertotal td { font-weight:bold;}
.shippinginfotable {width: 400px;margin:0 auto;margin-bottom:20px; }
.shippinginfotable tr td {padding: 0;}
 
#paymentbuttons{ margin-top:30px;}

a[href*="/my-account/choose-subscription/"]{
    display: inline-block;
    line-height: 1;
    background-color: #191919;
    color: #fff;
    fill: #fff;
    text-align: center;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    padding: 12px 20px;
    font-size: 1.2em;
}
#webform_detail_view_13 ~ a{display:inline-block; margin:15px 0;}

.subscription_desc p{font-size:.9em;}
.viewCertLink  { display:none;}

.viewCertLink.certificationCompleted {display:block;} 


#formtable_13 { width:100%; border:1px solid #ddd;}
#formtable_13 tr td, #formtable_13 tr th{padding: 8px;border:1px solid #ddd;}
#formtable_13 tr th { background:#ddd;}


/* bliiing */
#paymentinvoice{display:flex;flex-wrap: wrap;}

#billtable, #shiptable {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-bottom: 15px;}
#cartform { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
#billtable h3,#shiptable h3{ font-size:1.4em;}
.billingaddress .name, .shippingaddress .name { font-weight: bold;  }

#subscriptionorder { display:block; float:none; clear:both;}

#paymentcharge { float:none; width:100%; clear:both;}
.paymentcharge {display: none;}
.paymenttitle { margin-top: 15px;font-family: 'Source Sans Pro', sans-serif; font-size: 1.3em;  }
#paymentdiv {padding: 0;}
.paymentmodule{display: block;vertical-align:top;min-width: 300px;max-width: 600px;padding: 2px 0;}
.paymentchoice{font-weight: bold;font-size: 1.1em;margin-bottom: 5px;}

#authorizenet_radio {display:block;background: url(/image/cache/visa-mastercard.png) no-repeat right;background-size: 150px;min-height: 50px;display: flex;font-size: 0;width: 171px;}
#mail_payment_details .instructions, #paymentinstructions{margin:10px 0;padding: 15px 0;}
#plugnpay_details span {display:inline-block;vertical-align: top;}
#plugnpay_details .nameoncardlabel, #plugnpay_details .nameoncardinput {width: 100%;display: block;}

.paymentdetails{max-width: 460px;}
.ccnameoncard-block, .carddetail-block {display:flex;flex-wrap: wrap;}
.ccnameoncard-block div{ padding:5px ; -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}

.carddetail-block .cardnumber-block {-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;padding: 5px;}
.carddetail-block .codeoncard-block {-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;padding: 5px;}

.expireoncard-block {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding: 5px;}
.expireoncard-block label{ display:block; width:100%;}

.cardnumberlabel, .cardnumberinput {/* margin: 5px; */display: block;}
.codeoncardlabel, .codeoncardinput{width: 38%;} 
.expireoncard-block .expireoncardlabel, .expireoncardinput{display:block; width:100%;}
.expireoncardinput select{width:49%;}


#changeinfo {margin-top: 50px;text-align: left;}
#changeinfo:after{ content:''; display:table; clear:both; }
#changeinfo  ul {margin: 0;padding: 0;list-style: none;color: #003366;/* text-align: right; */}
#changeinfo ul li a  {display: inline-block;border: 1px solid #333;padding: 7px 12px;margin-right: 40px;font-size: 1em;line-height: inherit;} 
#changeinfo ul li a:hover, #returntocart a:hover{background: #ddd;}
#changeinfo  ul li:hover a, #returntocart a:hover  { color:#333;}
#cartbuttons{text-align: center;margin: 5px 0;margin-top: 20px;margin: 0 auto;margin-bottom: 20px;} 
#cartbuttons input.payment.cancel, .payment.cancel{background:#F04A26;margin-left: 50px;}
/* #orderinfo ~ #changeinfo, #paymentbuttons~#changeinfo ul li:nth-child(2) { display:none;} */

#orderinfo{display:flex;flex-wrap:wrap;justify-content: space-between;}
#orderinfo .errmsg, #orderinfo .additionalinfoinput, #orderinfo #cartbuttons, #orderinfo #returntocart {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}


.billinginfoinput, .shippinginfoinput {text-align: left;-ms-flex: 0 0 45%;flex: 0 0 45%;max-width: 45%;padding-right: 30px;}
.billinginfoinput table, .shippinginfoinput table{/* min-width: 400px; */margin:0 auto;width: 100%;text-align: left;}
.billinginfoinput table {margin-top: 43px;}

#returntocart a:before, #changeinfo ul li a:before {content:"\f177";font-family:FontAwesome;display:inline-block;margin-right:5px;}
#returntocart {text-align:center;margin: 10px;}
#returntocart a {display:inline-block;line-height: 1;background-color: #191919;color: #fff;fill: #fff;text-align: center;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;font-size: 1.2em;font-weight: 400;border-radius: 5px;padding: 10px 30px 10px 30px;}
#changeinfo  ul li:nth-child(3):before { content:"\f0f6"; font-family:FontAwesome; display:inline-block; margin-right:5px; } 
#changeinfo  ul li a {color: #191919;background: #FFF;/* font-size: 1.2em; */font-weight: 400;border-radius: 5px;padding: 8px 30px 8px 30px;}
#paymentinvoice:after{content:''; display:table; clear:both; }
#payment_totalamount{float:none;clear:both;width:100%;padding: 15px 0;font-size: 1.3em;font-weight: 700;text-transform: uppercase;}
#giftcertificateamount{float:none;clear:both;width:100%;margin: 10px 0;font-size: 1.1em;font-weight: 600;text-transform: uppercase;}

/*Coupon codes*/
#cartcodes {margin: 25px 0;padding: 8px;background: rgba(0, 0, 0, 0.03);}
#cartcodes .errmsg{ color:#F04A26; }
.promocodes {padding: 0;}
.orderdiscountheading{font-size: 0.94em;margin: 0;}
ul.discount{padding:0;margin:0;text-align: left;list-style: none;}
ul.discount li { padding-left:5px;}
ul.discount li:before{content:"\f058"; font-family:FontAwesome; color:green;}
.catalog.code span{display:inline-block; vertical-align:middle;}
.catalog.code .codevalue {display:inline-block;margin: 0;text-align: center;border: none;color: green;text-decoration: none;background: none;border: 1px solid green;padding: 7px 14px;display: inline-block;text-transform: uppercase;margin-right: 10px;}
.catalog.code .codevalue:before{content:"\f058"; font-family:FontAwesome; color:green; display:inline-block; margin-right:5px;}
.catalog.code .removebutton{height:42px;width: 42px;font-size:0;padding: 0;min-width: 42px;text-align:center;position: relative;overflow: hidden;margin-left: 15px;}
.catalog.code .removebutton:before{content:"\f057";font-family:FontAwesome;font-size: 36px;color: #999;display: block;position: absolute;width: 100%;height: 42px;top: 0;bottom: 0;margin: auto;line-height: 42px;/* background: #ccc; */}
.catalog.code .removebutton:hover:before{color:#e70909;}
.catalog.code .removebutton input{font-size:0;height:100%;background: transparent;} 
.catalog.code~.catalog.codeinput{display:none;}
.catalog.codeheader {font-weight:bold;font-size: 1.1em;margin-bottom: 5px;}
.catalog.codeinput{/* padding:5px; */}
.catalog.codeinput label{margin-right:10px;display: block;padding: 6px 0;line-height: 1;font-size: 0;}
.catalog.codeinput input[type="text"], .catalog.codeinput input[type="submit"]{display:inline-block;width: 30%;margin: 0;margin-right:5px;}
.catalog.codeinput input[type="submit"] {width:auto;padding: 14px 8px;font-size: 12px;width: 170px;}
 

/* cart */
.catalogcart {width: 100%;margin: 0;border: 0;border-spacing: 0;border-collapse: collapse;}
.catalogcart td, .catalogcart th {border: 1px solid #DDD;padding: 3px 8px;text-align: center;}
.cartheadings { background: #FFF; line-height: 30px;  }

.cartheadings th.partno, .cartitemrow td.partno{font-size:0;line-height: 0;color: #FFF;width: 0;padding: 0;border-right: 0;}
.catalogcart td.qty span{/* border-right: 1px solid #DDD; */visibility: visible;}
.catalogcart td.unitprice{ border-left:0; }

 
.catalogcart .itemname {padding-top: 5px;color: #333;text-align: left;padding-left: 25px;/* border-left: 0; *//* border-right: 0; */vertical-align: middle;}
.cartitemrow   label{ display:inline-block;}
#activecart.catalogcart .itemname{border-right: 0;}
#activecart.catalogcart td.qty, #activecart.catalogcart td.remove, #activecart.catalogcart th.qty, #activecart.catalogcart th.remove{/* border:0; */}
#activecart.catalogcart td.unitprice, #activecart.catalogcart th.unitprice { border-left:1px solid #DDD;}
#completeordercart tbody + tbody tr:nth-child(3), #completeordercart tbody + tbody tr:nth-child(4){/* display:none; */}


#completeordercart.catalogcart .itemname{border-left: 0;/* border-right: 0; */}
#completeordercart.cartheadings th.partno, #completeordercart.cartitemrow td.partno{font-size:0;line-height: 0;color: #FFF;width: 0;padding: 0;border-right: 0;}
#completeordercart.catalogcart td.namespan{border-right: 0;}
#completeordercart.catalogcart tr.totals th{border-left:0;width: 240px;}
#completeordercart.catalogcart tr.totals th
#completeordercart.catalogcart td.qty, #completeordercart.catalogcart th.qty{border:0;border-right:0;border-left: 1px solid #DDD;border-spacing: 0px;}

.catalogcart .itemname .attributes {  color: #333; clear: both }
.catalogcart .itemname .attributes .label { width: 120px; float: left; display: block; }
.catalogcart .itemname .attributes .value { margin-left: 125px; display: block; }
.catalogcart p { padding: 0px; margin-top: 0px; }
.catalogcart .price {color: #333;font-weight:bold;width: 100px;border-left: 0;}
.catalogcart .totalprice  { width: 120px;}
.catalogcart .oddrow {background: #FFF;vertical-align: middle;}
.catalogcart .evenrow { background: #FFF; }
.carttotals { line-height: 30px; }
.multipleshippingchoices { margin-top: 20px; }

.mysubscriptions { width: 100%;margin-bottom: 20px;}
.mysubscriptions tr td, .mysubscriptions tr th {padding: 7px;border:1px solid #ddd;}
 .mysubscriptions tr th {background: #eee;}
.mysubscriptions tr td[colspan="3"] {}
.mysubscriptions ~ a {display:inline-block; margin:10px 0;padding: 10px;background:#191919;color:#FFF;}


/* =============================================== ================================================== =============================================== ================================================== Custom Styles =============================================== ================================================== =============================================== ================================================== */
/*navigation */
.form-btn {  padding: 10px 10px;  cursor: pointer;  position: relative;  float: right;  text-align: center;  right: 0;  margin: 3px 0;  color: #fff;  }
.nav-icon a {  color: #191919;  line-height: 75px;  display: block;  padding: 0 5px;  }
.nav-icon a:hover, .nav-icon.nav-collapsed a:hover {  text-decoration: none !important;  background: none !important;  color: #191919 !important;  }
.nav-icon {  float: right;  font-size: 30px;  line-height: 75px;  position: relative;  z-index: 99;  right: 0;  top: 0px;  margin: auto;  padding: 0 7px;  color: #191919;  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: #191919;  color: #FBFBEA;  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: #191919 !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }

/* side navigation*/
.sideNav {border-right: 1px solid #f0f0f0;height: 100%;}
.sideNav ul{list-style:none;margin:0;padding:0;position: relative;z-index: 9;background: #191919;}
.sideNav ul li{ position:relative;}
.sideNav ul li ul{display: block;position: relative;}
.sideNav ul li ul li {}
.sideNav ul li ul li a {color:#FFFF;padding: 8px 20px;border: 0;}
.sideNav ul li ul li a:hover,.side-nav ul li ul li:hover > a, .sideNav ul li ul li:hover{ background:#191919; color:#FFF;}  

.sideNav ul li:hover > ul{ display:block;}
.sideNav ul li a, .sideNav ul li span {border-bottom: 1px solid #363636;color: #FFF;display: block;padding: 15px;font-weight: 500;cursor:pointer;} 
.sideNav ul li:last-child a {  border: 0;  }
.sideNav ul li a:hover,  .sideNav ul li span:hover {color: #FFF; background:#363636;}
.sideNav ul li ul li ul li a, .sideNav ul li ul li ul{ background:#191919;}
.sideNav ul li ul li ul li a {background: #191919;color: ##FFF;}
.sideNav ul li ul li a:hover, .sideNav ul li ul li ul li a:hover {background:#363636; color:#FFF;}


.sideNav ul li.myAccount {position:relative;/* border-bottom: 1px solid #363636; */} 
.sideNav ul li.myAccount > a{/* display:inline-block; *//* border: 0; *//* width: 150px; */}
.sideNav ul li.myAccount ul  {position:static;border: 0;}
.sideNav ul li.myAccount ul li a{font-size: 13px;padding: 10px 30px;font-weight: 300;margin-bottom: 0px;}
.sideNav ul li.myAccount ul li.profile, .sideNav ul li.myAccount ul li.logout {position: absolute;right:0;top: 0;}
.sideNav ul li.myAccount ul li.profile a, .sideNav ul li.myAccount ul li.logout a{font-size:0;padding: 12px 12px;margin-right: 52px;}
.sideNav ul li.myAccount ul li.logout a {margin:0;}
.sideNav ul li.myAccount ul li.profile a:after{content:"\f2be";font-family:'fontAwesome';font-size: 28px;color:#FFF;line-height: 1;}
.sideNav ul li.myAccount ul li.logout a:after{content:"\f08b";font-family:'fontAwesome';font-size: 28px;color:#FFF;line-height: 1;}


/* gallery */
.Gallery {/* background: #a8935e; */margin-bottom: 30px;}
.hide { display: none; }
#imageoverlay {position: fixed;top: 0;left: 0;z-index: 9999;background: transparent;width: 100%;height: 100%;}
.overlay {position: absolute;z-index:1121;width: 100%;height: 100%;top: 0;background: rgba(9,9,9,0.9);left: 0;}
.taoGalleryBox {padding: 0%;z-index: 9999;top: 0;left: 0;display: flex;flex-wrap: wrap;flex-direction: row;justify-content: flex-start;}
.no-rgba #gcontent {background: #191919; }
#gimage {text-align: center;position: relative;-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;height: 100%;order: 1;}
#gimage img {background: #FFF;padding: 5px;border: 1px solid #EEE;}
#gimage p{margin:0;position: absolute;bottom: 0;width: 100%;text-align: center;}
#gimage p a{display:inline-block;padding:5px;color: #191919;border: 1px solid #777;line-height:10px;font-size: 12px;background: #fff;}
#gimage p a:hover{ background:#191919; color:#191919;}
#gcontent {color: #CCC;word-break: break-all;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;order: 2;margin-top: 70px;}
#gcontent div {margin: 15px;}
#gcontent label { display: block; color: #FFF; font-size: 1.2em; }
#gcontent span { display: block; }
#gnav {position: absolute;bottom: 5%;right: 5%;z-index:1122;text-align: right;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;height: 40px;order: 4;bottom: 0;right: 0;text-align: right;order: 4;}
#gnav a {margin-left: 10px;color: #FFF;display: inline-block;padding: 2px 15px;border: 1px solid #fff;}
#gnav a:hover{ background:#fff; color:#191919;}
#gclose {position: absolute;z-index:1122;top: 0%;height: 30px;right: 5%;color: #777;background: red;padding: 5px 15px;color: #FFF;text-align: center;-ms-flex: 0 0 100px;flex: 0 0 100px;max-width: 100px;order: 0;}
.gwait {position: fixed; width: 100%; height: 100%; top: 0; left: 0; margin: 0 !important; font-size: 0;}
.gwait:before{content:"\f110";font-family:FontAwesome;font-size:36px;line-height:40px;margin-top: 0 !important;color: #fff;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;margin: auto !important;height: 40px;width: 40px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-animation: fa-spin 1s infinite steps(8);animation: fa-spin 1s infinite steps(8);}
div.galleries {display:flex;flex-wrap: wrap;align-content: center;align-items: stretch;justify-content: space-around;}
.gallerylist {border: 1px solid #949ca1;position: relative;text-align: center;margin: 1%;padding: 2%;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
.gallerylist a {display:block;text-align: center;}
.gallerylist img {max-width: 100%;background: #949ca1;display: block;margin: 0 auto;}
.gallerylist a:hover img, .gallerylist a img:hover{ opacity:.75; }
.gallerylist h3 { margin: 0; margin-top: 5px; text-align: center; font-size: 1.1em;}
.gallerylist p { display: none; }
.imageGallery {text-align:center;display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;}
.imageGallery a {border: 1px solid rgb(148 156 161);overflow: hidden;margin: 1%;display: flex;align-items: center;max-height: 170px;flex-wrap: wrap;align-content: center;-ms-flex: 0 0 18%;flex: 0 0 18%;max-width: 18%;text-align: center;}
.imageGallery a img{display:block;margin:0 auto;max-width: 100%;}
.imageGallery a .gContent { display: none; }
/* .imageGallery a img { width: 100%;} */
.imageGallery a:hover img { opacity: .75;}

/*modal*/
.modalData{/* display:none; */}
.modal.show .close{position:absolute;right: 0;top: 0;background: #e0e0e0;z-index: 999;text-shadow: none;color: #ff1212;line-height: 25px;width: 25px;font-size: 24px;padding:0;opacity: 1;}

.modal.show .modal-body{position:relative; padding:0;}
.modal.show .modal-body iframe{ border:0; width:100%;}
.modal.show .modal-content{border:0;box-shadow:none;border-radius: 0;background: transparent;}
#modalData  {background:#FFF; line-height:0; padding:15px;}
#modalData iframe#modaliframe{width:100%;min-height: 540px;line-height: 0;}

/* File browser*/
.rgtsec {float: none !important;margin: 0 !important;}
.rgtsec div.viewmode {float:none;display: flex;justify-content: flex-end;}
.rgtsec div.viewmode .lstm, .rgtsec div.viewmode .gridm {display:flex;flex-direction: column;justify-content: center;width: 32px;height: 32px;margin: 3px;}

.rgtsec div.viewmode .lstm span{display:block;margin: 2px 0;border-bottom: 3px solid #DDD;}
.rgtsec div.viewmode .gridm {display:flex;flex-direction: row;flex-wrap: wrap;justify-content: center;width: 32px;height: 32px;align-items: center;padding: 0;}
.rgtsec div.viewmode .gridm span {float:none;margin: 1px;height: 9px;width: 9px;border: 0;background: #DDD;}

.gridview .holder {display:flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;}
.gridview .holder .mrow, .lstview .holder .mrow {display:flex;flex-direction: column;justify-content: space-between;width: auto;height: auto;-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;margin: 0;margin-bottom: 15px;padding: 5px;float: none;text-align: center;border: 0;}
.gridview .holder .mrow .ico {width:100%;height:100%;border: 1px solid #ddd;}
.gridview .holder .mrow .ico a{height:100%;min-height: 175px;display: flex;justify-content: center;align-items: center;}

.gridview .holder .mrow .ico div.imgicon {float:none;display:flex;flex-direction: column;align-items: center;width: 100%;height: auto;/* min-height: 175px; */}
.gridview .holder .mrow .ico div.imgicon img {margin:0;max-width: 100%;}
.gridview .holder .mrow .modified {display:none;}
.gridview .holder .mrow .filesize {font-size: .75em;top: 5px;right: 5px;}
.gridview .holder .mrow .ico div.imgicon.pdf {height: 100%;}

.lstview.head, .lstview .holder  {display: table;}
.lstview.head > div, .lstview .holder .mrow{display: table-row;margin: 0;padding: 0;}
.lstview.head > div span, .lstview .holder .mrow span {display:table-cell;vertical-align: mi;text-align: left;line-height: normal;padding: 10px 5px;}
.lstview.head > div span.ico, .lstview .holder .mrow span.ico {width: 120px;/* padding: 0; */}
 .lstview .holder .mrow span.ico a{ display: block;}
.lstview .holder .mrow span.ico a div{display:block;min-height: 50px;background-size: contain;}
.lstview.head > div span.filename, .lstview .holder .mrow span.filename {width:50%;}

/* ====================paging ====================
   ================================================== */
.gallery_next_link{ float:right; }
.gallery_home_link, .gallery_prev_link{ float:left;}

.gallery_home_link a, .gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #191919;border: 1px solid #b9b9b9;}
.gallery_prev_link a:before, .gallery_next_link a:after{ content:"\f178"; font: normal normal normal 14px/1 FontAwesome; display:inline-block; vertical-align:middle; margin-left:7px;}
.gallery_prev_link a:before{content:"\f177"; margin-right:7px; margin-left:0;}
.gallery_home_link a:hover, .gallery_prev_link a:hover, .gallery_next_link a:hover{ background:#191919; color:#FFF; border: 1px solid #191919;}

#form_paging_links, #calendar_paging_links, #paging_links, #newschannel_paging_links, .gallery_paging_links {clear:both;text-align: center;margin: 10px 0;margin-top: 50px;float: none;}
#form_paging_links:after, #calendar_paging_links:after, #paging_links:after, #newschannel_paging_links:after, .gallery_paging_links:after {content:''; display:table; clear:both;}
#form_paging_links span, #paging span, #calendar_paging_links span, #paging_links span, .paging span, .gallery_paging_links span{display: inline-block;text-align: center;margin: 2px;}

#newschannel_paging_links span.gallery_prev_link_inactive, #newschannel_paging_links span.gallery_next_link_inactive,   #form_paging_links span.gallery_prev_link_inactive, 
#paging_links span.prev_link_inactive, #paging_links span.next_link_inactive, #calendar_paging_links .gallery_prev_link_inactive, #calendar_paging_links .gallery_next_link_inactive{ display:none;}

#newschannel_paging_links span:hover, #calendar_paging_links span:hover, #form_paging_links span:hover, #paging_links span:hover, .gallery_paging_links span:hover, #paging_links span.currentpage, 
.paging span.currentpage {background: #191919;color: #FFF;}

#paging_links span.currentpage a, .paging span.currentpage a, #newschannel_paging_links span:hover a, #newschannel_paging_links span a:hover, #calendar_paging_links span:hover a, 
#calendar_paging_links span a:hover, #form_paging_links span:hover a, #form_paging_links span a:hover, #paging_links span:hover a, #paging_links span a:hover, .gallery_paging_links span:hover a, 
.gallery_paging_links span a:hover {background: #191919;text-decoration: none;color: #FFF;/* border: 1px solid #fdb525; */}    

#paging_links span a, .gallery_paging_links span a {color: #191919;display: block;background: #e1e1e1;padding: 3px 15px;}
#paging_links span.next_link {width:auto;}

.gallery_prev_link_inactive, .gallery_next_link_inactive, 
.gallery_paging_links span.gallery_prev_link_inactive, .gallery_paging_links span.gallery_next_link_inactive, #form_paging_links span[class*="_inactive"]{ display:none;} 


/*calendar */
table#calendar{border-collapse:collapse;width: 90%;background:transparent;color:#191919;margin:0 auto;}
table#calendar tr th,table#calendar td{border:1px solid #CCC;width: 14.28%;height: 75px;}
table#calendar tr th{text-align:center;background:#EEE;vertical-align:middle;font-size:18px;color: #191919;line-height:20px;font-family:'Roboto', sans-serif;}
table#calendar tr td.caption{background: #191919;text-align:center;color: #FFF;font-size: 24px;text-transform: uppercase;font-weight: 500;height: 50px;line-height: 50px;}

table#calendar tr td.caption a.nav{display:inline-block !important;vertical-align: middle;font-size: 34px;padding: 0 20px;color: #FFF;line-height: 50px;height: 55px;}

table#calendar ul{margin:0px;padding:0px;list-style:none;display: block;}
table#calendar ul li{ padding:2px;line-height:16px;color:#FFF;border-bottom:1px solid #FFF;background:#191919;font-size:11px; }
table#calendar ul li a{ color:#FFF; }

/*---------------------- custom CSS --------------------------*/
.event {margin: 10px 0;position: relative;margin-bottom: 15px;} 
.event .row{align-items: center;}
.event .date {height: 85px;background: #191919;display: flex;flex-direction: column;justify-content: center;}
.event .event_date {    text-align: center;   }
.event .event_date{margin: 0 auto;font-weight: 900;font-size: 1.2em;line-height: 1em;text-transform: uppercase;color: #444;}
.event .event_time { font-size: .84em;   display: block;  font-weight: 400;  line-height: 1.5em; }
.event .event_day {font-size: 1.5em;padding: 10px;}
.event .event_content {padding: 10px;font-weight: normal;font-size: 1em;text-align: left;line-height: 1.5em;}
.event .event_content a {font-size: 1.2em;font-weight: 500;}
.event .event_name a{ vertical-align: middle;word-break: break-word;  }

.bgBlock {position:relative;background: #191919;}
.bgBlock .textContent {position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);z-index: 1;color: #FFF;font-size: 3em;font-weight: 600;line-height: normal;text-align: center;text-transform: uppercase;text-shadow: 1px 2px 1px #191919;}
.bgBlock .imgBlock {position: relative;background: #191919;overflow: hidden;}
.bgBlock .imgBlock img{max-width:100%;}

/*News*/
.news {display:flex; flex-direction: column; justify-content: space-between;  height: 100%;}
.newsRow {margin-bottom: 10px;padding: 5px 0;padding-bottom: 5px;}
.newsRow .date {font-weight: 400;color: #191919;}
.newsRow .newsRow_title a {font-size: 1.3em;font-weight: 500;color: #4c4036;}
 
/*Events*/
.events_block .jsnews_607{ }
.events_block .article  {border-bottom: 1px solid #ddd;padding: 15px 0;}
.events_block .article img{max-width:300px;/* min-width:300px; */}
.events_block .article .dtl{padding: 0 15px;}
.EventDetail  .dtl img{max-width: 450px;margin: 0 auto;display: block;}

.sectionHead {margin-bottom: 30px;}
.sectionHead h2{font-size: 4em;font-weight:700;text-transform:uppercase;text-align: center;margin:0;}
.sectionHead p{text-align:center; margin:0;}

/*Home Content Blocks*/
.ctaBlocks {position: relative;z-index: 1;}
.ctaBlocks .container{padding-top: 3em;}
.ctaBlocks p{font-size:2em; font-weight:300;}
.ctaBlocks .instructorNew, .ctaBlocks .instructorLogin {text-align:center;padding: 25px;background: #191919;color: #FFF;min-height: 150px;display: flex;flex-direction: column;justify-content: center;box-shadow: 0px 0px 1px #000;transition: all .5s ease;}
.ctaBlocks .instructorNew h2,.ctaBlocks .instructorLogin h2{color:#FFF;text-align:center;margin: 0;}
.ctaBlocks .instructorNew:hover, .ctaBlocks .instructorLogin:hover {background:#FFF;transition: all .5s ease;}
.ctaBlocks .instructorNew:hover *, .ctaBlocks .instructorLogin:hover * {color:#191919;}

.aboutContent {background:#3d3d3d;}
.aboutContent .aboutImage img{filter: grayscale(.5);transition: all .5s ease;}
.aboutContent:hover .aboutImage img{ filter:grayscale(0);transition: all .5s ease;}
.aboutContent h2{font-size: 34px;text-transform:uppercase; color:#FFF;}
.aboutText  {color:#FFF;}

.introBlocks {position:relative;}
.introBlock  {position:relative;background:#191919;overflow: hidden;}
.introBlock img{filter: grayscale(.5);opacity:.8;transition: all .5s ease;}
.introBlock > a{ display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.introBlock .introDetails {position: absolute;top: 0;width: 100%;/* height: 100%; */}
.introBlock .introDetails span{color: #FFF;transition: all .5s ease;display: block;}
.introBlock .introDetails .icon {background:#191919; color:#FFF; padding: 15px;top: 0;left: 0;width: 120px;height: 120px;clip-path: polygon(0 0, 100% 0, 0 100%); transition: all .5s ease;}
.introBlock .introDetails .icon span{font-size: 3em;display: inline-block;}
.introBlock .introDetails{text-align:center;color: #191919;margin: 0;position: absolute;transform: translateY(-50%);top: 50%;transition: all .5s ease;text-shadow: 0 1px 1px #333;} 
.introBlock .introDetails .lead strong{color: #FFF;font-size: 1.3em;}
.introBlock:hover img{filter:grayscale(0); opacity:.1; transition: all .5s ease;}
.introBlock:hover .introDetails {transform: translateY(-50%);transition: all .5s ease;top: 50%;}
.introBlock:hover .introDetails p{}
.introBlock:hover .introDetails .icon {color:#191919; background:#FFF; transition: all .5s ease;}

.trainerBlock img{ padding:5px;border:1px solid #ccc;}

.announcementRows .announcement {position: relative;}
.announcementRows .announcement  h2{font-size: 1.6em;margin: 0;}
.announcementRows .announcement  {position:relative;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;align-items: center;margin: 0;padding-bottom: 5px;margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.announcementRows .announcement  .date{position:relative;display: inline-block;max-width: 100px;border-radius: 0;box-shadow: none;margin: 10px;} 
.announcementRows .announcement  .date {    text-align: center;   }
.announcementRows .announcement  .date{margin: 0 auto;font-size: 17px;text-transform: uppercase;color: #FFF;z-index: 3;top: 0;left: 0;background: #191919;border-bottom-right-radius: 15px;padding: 7px 15px;position: relative;display: inline-block;vertical-align: middle;max-width: 100px;border-radius: 5px;box-shadow: none;margin: 0;}
.announcementRows .announcement  .day {font-size: 30px;font-weight: 700;line-height: 38px;}
.announcementRows .announcement  .content {padding-left: 10px;font-weight: normal;font-size: 1em;text-align: left;line-height: 1.5em;position: relative;z-index: 3;}
.announcementRows .announcement  .content a {font-size: 1.1em;font-weight: 400;display: block;}
.announcementRows .announcement  .content p {margin:0;}
.announcementRows .announcement  .name a{ vertical-align: middle;word-break: break-word;  }

.videoRow  {margin-bottom: 2em;border-radius: 5px;cursor:pointer;border: 1px solid #e9e9e9;}
 
.videoRow  .details{padding:15px;height: 100%;}
.videoRow:hover{background:#f3f3f3;}

#loader{position:fixed;width:100%;height:100%;top:0;left:0;z-index: 99;background: rgb(30 30 30 / 64%);}
#loader i{position:relative;z-index:9;transform: translate(50%, 50%);top: 50%;left: 50%;color: #FFF;}

#accordion {position:relative;}
.rowBlock{margin-bottom: 10px;}
.rowBlock .rowBlockHeader  {border:1px solid #ddd;cursor: pointer;}
.rowBlock .rowBlockHeader h2 a{display:block;padding: 10px;background: #f4f4f4;font-size: 1.0em;text-transform: uppercase;}
.rowBlock .rowBlockHeader h2 a.collapsed:after{content:"\f067";font-family:fontAwesome;float: right;font-size: 24px;line-height: 38px;}
.rowBlock .rowBlockHeader h2 a:after{content:"\f068";font-family:fontAwesome;float: right;font-size: 24px;line-height: 38px;}

.rowBlock .videosRow {padding: 15px;border: 1px solid #ddd;border-top: 0;}

/*Catalog*/
.departmentBlock {position:relative;height:100%;display: flex;flex-direction: column;justify-content: flex-end;background: #f2f2f2;}
.departmentBlock div.lead{text-align:center;}
.productRow {position:relative;height:100%;display: flex;flex-direction: column;justify-content: flex-end;background: #f2f2f2;}
.productRow .details{padding-top: 15px;/* border: 1px solid #333; */text-align: center;background: #eee;}
.productRow .details a,  .departmentBlock div.lead a{font-weight:500;font-size:1.2em;color: #303030;}
.productRow .details .link a{display:block;background: #303030;padding: 6px;color: #FFF;}
.productRow .details .price { margin:10px 0;}
.productRow .img, .departmentBlock .img {text-align:center;position: relative;overflow: hidden;display: block;width: 100%;height: 100%;}
.productRow .img img {width:100%; transform:scale(1.0);  transition:all .5s ease;}
.productRow .img.noImg a,.departmentBlock .noImg.img a {width:100%;height:100%;display: block;min-height: 170px;}
.departmentBlock .noImg.img a  {min-height:200px;}

.productRow .img.noImg a:before, .departmentBlock .noImg.img a:before{content:'';position:absolute;width:100%;height:100%; left: 0;top: 0;opacity:.4;background:url('/image/cache/ARF.png') no-repeat;background-size: 100px;background-position: center;display: block;}
.productRow:hover .img img{ transform:scale(1.1);  transition:all .6s ease;}

.productIndividual .imageWrapper {display:flex;flex-direction: row;}
.productIndividual .imageWrapper .productGallery {-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;border-right: 1px solid #eee;padding-right: 10px;}
.productIndividual .imageWrapper .imageThumb {text-align:center;margin-bottom: 5px;}
.productIndividual .imageWrapper .imageThumb img {width: 100%;}

.productIndividual .imageWrapper .productImg {/* padding-left:10px; */margin-left:10px;position: relative;}
.productIndividual .productOptons {/* display:flex; */width:100%;justify-content: flex-start;align-content: center;}
.productIndividual .productOptons label{font-size:1em;margin: 0;display: block;}

.productIndividual .options select{background:#f8f8f8;min-width: 200px;width: auto;margin-right: 20px;}
.productIndividual .qtyBox {/* margin-top:15px; */-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.productIndividual .qtyBox input{padding:10px 15px;width: 200px;background:#f8f8f8;border:1px solid #eee;font-size: 14px;padding: 10px;text-align: left;color: #31302f;margin: 5px 0;border-radius: 0;} 

 
#imgLoader{position:absolute;width:100%;height:100%;top:0;left:0;z-index: 99;background: rgb(242 242 242 / 25%);}
#imgLoader i{position:relative;z-index:9;transform: translate(-50%, -50%);top: 50%;left: 50%;color: #FFF;}

/*Find Locations*/ 
 
.mapWrapper { position:relative;}
#mapBlock {position: relative;width:100%;height: 580px;}
#mapBlock a{ outline:none;}
.links {list-style:none;padding:0;margin:0;outline: none;}
.links li{display:inline-block;margin: 5px 10px 5px 0;}
.links li a{font-weight:500;outline: none;}

/* ====================mobile css ==================== ================================================== */
@media (min-width: 460px) {  }

@media (min-width: 580px) {  }

@media (min-width: 640px) {  }

@media (min-width: 780px) {  
   .subpage-content-block.page-content-block {  margin: 20px 0;  }
   /*footer*/ 
   .modal-dialog{ max-width:65%;}
}

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  
   .logo {  margin-top: 0;  }
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
   .sliderContent div.base div.caption p {  margin: 0;  line-height: 1.1em;  }
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
 .sliderSection .tao-carousel .tao-item .item .image img{height: 740px;max-width: none;width: auto;position: relative;transform: translate(-80%, 0);left: 100%;top: 0;}
   #socail > span {  display: block;  line-height: normal;  }
   #socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  } 
}

@media all and (min-width: 0px) and (max-width: 991px) {  
   .Header .Navigation { display:none;}
   .HeaderMenu>ul>li {  padding: 0 7px;  }     
   .NavbarToggle {padding: 0;color: #F04A26;}
    .NavbarToggle i{color: #F04A26;}
   .Header .topnav ul {margin-bottom: 5px;}
   .topNav {}
   .topNav #social {justify-content: start;}
   .Navigation .navbar-collapse {  display: none;  }
   .logo  { height: 100%;text-align: center;}
   .logo img {}
   .Header.headBg .logo img {}
   .Sidebar__backdrop {  background-color: rgba(0,0,0,.25);  left: 0;  top: 0;  z-index: 999;  display: none;  }
   .Sidebar--active, .Sidebar__backdrop {  position: fixed;  height: 100%;  width: 100%;  }
   .Sidebar.active .Sidebar__backdrop {  display: block;  }
   .Sidebar--active, .Sidebar__backdrop {position: fixed;height: 100%;width: 100%;}
   .tao-carousel .tao-item .item .slShow .caption{width: 100% !important;top: 55%;}
   .sliderSection .tao-carousel .tao-item .image img {height: 600px;width: auto;max-width: none;margin: 0 auto;}
   .slider-block {}
   body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i {color: #ffffff;}
   footer .footerDetails {display: flex;flex-direction: column;flex-wrap: nowrap;height: auto;}
   footer .footerDetails > div,    footer .footerDetails > nav{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-bottom: 15px;}

   #billtable, #shiptable {width: 100%;float: none;margin: 15px 0;}
   #social li a:before {margin-right:0;}
}

 @media all and (min-width: 0px) and (max-width: 880px) {  
 
    .bgBlock .textContent{width:100%;}
    .bgBlock .imgBlock {height:400px;}
    .bgBlock .imgBlock img {min-height: 100%;max-width: none;max-height: 100%;margin: 0 auto;display: block;}
 }

@media (min-width: 0px) and (max-width: 768px) { 
   .page-content-block {  margin-top: 20px;  padding-top: 0px;  }
   /* header */ 
   .header {  padding: 0px 0;  border: 0;  }
   .header > .container {  width: 98%;  } 
   .Header.headBg{padding: 0;}
   .Header .logo {text-align:left;}
   .Header.headBg .logo img, .Header .logo img{max-width: 80px;margin: 0;padding: 0;}

   .sliderSection .tao-carousel .tao-item .item .caption h2 {font-size: 3.5em;line-height: 1.4em;}
   
   #social ul{text-align: right;width: 100%;margin: 5px 0;}
   #social li a:before {margin: 0;}
   
   .Navigation .NavbarToggle {/* top: calc(50% - 28px); */z-index: 1;display: block;float: right;margin: 0;height: 100%;}
   .slider-block {}
   .menuIcons {text-align:right;display: flex !important;}
.menuIcons .navIcon {}
   
   /* navigation */
   .nav-top ul {  margin: 0 !important;  }
   #main-navigation {  position: fixed;  overflow-y: auto;  width: 0;  height: 100%;  margin-bottom: 0;  z-index: 1;  left: 0;  top: 0;  background: #08364c;  display: none;  }
   #main-navigation.navbar-block {  display: block;  }

   .tao-carousel .tao-item .item .sl_link, .tao-carousel .tao-item .item .instructorLogin{margin: 0;margin-top: 10px;padding: 15px;}

   .sectionHead h2 {font-size:3em;}
   .subpageHeader-block {padding-top: 114px;}
   /* ====================nav bar==================== ================================================== */
   footer .footer-bg {  background-position: center bottom;  }
   .footerNav > ul > li {  vertical-align: top;  } 

   .shippinginfotable {width:100%; max-width:none;}
   .billinginfoinput, .shippinginfoinput {text-align: left;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;padding-right: 0;margin-bottom: 30px;}
   #billtable, #shiptable { width:100%; float:none;}
}

@media all and (min-width: 0px) and (max-width: 639px) {  
   .nav-top {  display: none;  } 
}

@media all and (min-width: 0px) and (max-width: 579px) {  
 
   .nav-icon a, .nav-icon {  line-height: 74px;  }
   .sliderSection .tao-carousel .tao-item .item .caption h1 {  font-size: 1.8em;  }
   .sliderSection .tao-carousel .tao-item .item .caption h2 {font-size: 3em;line-height: 1;}
   .sliderSection .tao-carousel .tao-item .item .captionh3 {  font-size: 1.2em;  border: 0;  margin: 0;  padding: 0;  }
   .sliderSection .tao-carousel .tao-item .item .caption h4 {  font-size: 1.0em;  line-height: 1.2em;  }
   .sliderSection .tao-carousel .tao-item .item .caption h5 {  font-size: .84em;  line-height: 1.18em;  }
   .home-content-block, .page-content-block.news-block, .feature-blocks {  padding: 30px 0;  }
    .subpage-content-block.page-content-block {  margin-top: 129px;  }
   footer .footerMenu, footer .contact {  float: none;  }
 
   .footerNav {  margin-bottom: 0;  text-align: center;  }
   .footerNav >ul{/* justify-content: center; */flex-direction: column;padding: 0;}
   .footerNav > ul > li {}
   .footerNav > ul > li a {font-size: 1.0em;margin-bottom: 11px;letter-spacing: 1px;}
   footer .address p {/* text-align: center !important; *//* margin-top: 20px; */}
   .subfooter-nav ul,.copyright span {display: block;/* text-align: center; */float: none;}
   .subfooter-nav ul {  margin: 0 auto;  display: block;  }
   .subfooter-nav ul li {  float: none;  display: inline-block;  }
   #socail li {  margin: 0 2px;  }
   .sliderContent div.base div h2.display-1{font-size: 4em;font-weight:900;}

   .bgBlock .textContent{font-size:2em;width: 100%;}
   .programRow{display:block;}
   
}

@media all and (min-width: 0px) and (max-width: 460px) {  
   .nav-top {  position: relative;  text-align: right;  }
   #socail > span {  display: inline-block;  vertical-align: middle; font-size: 10px;  }
   #socail li a:after {  font-size: 20px;  margin: 2px;  } 
      .slider-block {}
}

@media all and (min-width: 0px) and (max-width: 380px) {  
   .slider_block { min-height: 100% !important;  }
   .logo { max-width:100%;font-size: 24px;padding: 5px;}
   .logo a {  letter-spacing: 0px;  }
   .logo img {  margin-right: -5px;  }
   .logo .tag {  letter-spacing: 1px;  font-size: 15.5px;  }
   .search-btn, .nav-icon {  margin: 0 5px;  padding: 0;  }
   .footerNav > ul > li {  display: block;  width: auto;  }
   .Header.headBg .logo, .logo{}
   .logoBlock span{font-size: 2.2em;}
   .NavbarToggle{height: 54px;}
   .sliderContent div.base div h2{font-size: 1.8em;}
   .sliderContent div.base div h2.display-1{ font-size:2.4em;}
}

@media all and (orientation: landscape) and (min-height: 100px) and (max-height: 540px) {  
  .sliderContent div.base div {}
}