html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
body{
    font-size: .9em;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #444;
    overflow-x: hidden;
    }
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-bottom: 0.67em;}
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: #d1a82b;  color: #ffffff;  border: none;  text-transform: uppercase;  font-family: "Lato", "Helvetica Neue", Helvetica, Arial, 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 {  background: transparent !important;  color: #000 !important;  -webkit-box-shadow: none !important;  box-shadow: none !important;  text-shadow: none !important;  }
 a, a:visited {  text-decoration: underline;  }
 a[href]:after {  content: " (" attr(href) ")";  }
 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;  }
  }

 /* ==================== Basic declarations ==================== ================================================== */
header, section, article, aside, footer, figure, nav, hgroup, video, div, canvas {  display: block;  }
p {margin: 0.5em 0;}
a {-moz-transition: .3s ease;-o-transition: .3s ease;-webkit-transition: .3s ease;transition: .3s ease;color: #d1a82b;text-decoration: none;}
.btn{ border-radius:0 !important;}
.Button-primary {background-color: #282a64;border-color: #282a64;}
.Button-primary:hover {background: #d1a82b;border-color: #d1a82b;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle
{background: #011f5b;border-color: #011f5b;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus
{box-shadow:0 0 0 0.2rem rgba(193, 70, 0, 0.5);}
a.button {  font-size: 0.9em;  }
a:hover, a:focus {text-decoration: none;color: #333;}
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: #282a64;font-family: 'Roboto Slab', serif;font-weight: 400;text-align: left;text-rendering: optimizelegibility;}
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 #eee;  }
sub, sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;  }
sup {  top: -.5em;  }
sub {  bottom: -.25em;  }
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;  }

/* ==================== 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 {-moz-transition: 0.4s all ease;-webkit-transition: 0.4s all ease;-o-transition: 0.4s all ease;transition: 0.4s all ease;text-align: center;border: none;color: #fff;text-decoration: none;background: #d1a82b;cursor: pointer;padding: 13px 28px;display: inline-block;text-transform: uppercase;min-width: 100px;border-radius: 0;outline: none;box-shadow: none;text-shadow: none;position: relative;letter-spacing: 0;font: 500 14px/1.2em 'Raleway', sans-serif;}
 input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover, .button:hover {background: #282a64;color: #FFF;}
input[type=button]:active, input[type=reset]:active, input[type=submit]:active, .button:active {background: #d1a82b;}


.button-red {background: #d1a82b;border:1px solid transparent;}
.button-red:hover {background:#333;}
.button-black {  background: #333;  }
.button-black:hover {  background: #d1a82b;  }
.button-white { background:#FFF; color:#333;}
.button-white:hover { background:#333; color:#FFF;}
.button-sm {padding: 5px 12px;  }
.button-sm {display: inline-block;  }
.button-large{padding: 18px 36px;}
.button-fullwidth {display:block;}
.button-lines{background:transparent;border: 1px solid #282a64;color: #282a64;}
.button-no-lines{background:transparent;border: 0;color: #333;}
.button-lines.button-red{border-color: #d1a82b;color: #d1a82b;}
.button-lines.button-black{border-color:#333;color: #333;}
.button-lines.button-red:hover{ background:#d1a82b; color:#FFF;}
.button-lines.button-black:hover{  background: #333; color:#FFF;}
.button-arrow-right:after {font-family: 'FontAwesome';content:"\f0a9";padding: 0 0 0 4px;}
.button-arrow-down:after {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f063';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome'; font-size: 15.4px;  content: '\f060';  padding: 0 4px 0 0px;  }
.button-arrow-right:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: "\f178";  padding: 0 0 0 4px;  }
.button-arrow-down:after {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f063';  padding: 0 0 0 4px;  }
.button-arrow-left:before {  font-family: 'FontAwesome';  font-weight: 100;  font-size: 15.4px;  content: '\f060';  padding: 0 4px 0 0px;  }
 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-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;  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: "Lato", "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: "Lato", "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: "Lato", "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: "Lato", "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;  }
.select-wrapper {  position: relative;  }
 .select-wrapper:after {  content: "\f0d7";  font-family: 'FontAwesome';  color: #136580;  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 {font-family: "Lato", sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;padding: 10px 20px 10px 10px;color: #136580;border-radius: 2px;margin: 0;font-size: 16px;}
 select:: -ms-expand {  display: none;  }
label {font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight: bold;font-size: 16.8px;margin: 0;}
.error {color: #e23c2c;font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 0.9em;/* display: block; */}
input[type=email],input[type=password],input[type=tel],input[type=text],input[type=number], select,textarea {width: 100%;min-height: 45px;background-color: #fefefe;border: 1px solid rgba(47, 47, 47, 0.15);font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;padding: 10px;text-align: left;color: #333;margin: 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 {  font-family: "Lato", "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: "Lato", "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: "Lato", "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: "Lato", "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;  }
.popupCalendar select {width:auto;min-height: auto;}
.popupCalendar label{ display:inline-block;}

/* ====================utility/ helper classes ==================== ================================================== */
.clear {  clear: both;  height: 0px;  margin: 0px;  padding: 0px;  }
.header:after, .container: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;  }
.visible-xs, .visible-sm, .visible-md, .visible-lg {  /* display: none !important;  */
 }
.divider-line {  margin: 40px 0;  }
.lead {  margin-bottom: 20px;  font-size: 16px;  font-weight: 300;  line-height: 1.4;  }
.img-circle {  border-radius: 50%;  }
.hide {  display: none;  }
.show {  display: block !important;  }
.invisible {  visibility: hidden;  }
.headeing {  font-size: 1.5em;  vertical-align: middle;  position: relative;  display: inline-block;  padding: 7px 50px 7px 20px;  margin-left: -15px;  margin-bottom: 15px;  color: #FFF;  background: #202835;  }
.headeing:after {  content: '';  position: absolute;  float: right;  right: -39px;  margin: auto;  border-bottom: 1px solid #DDDDDD;  width: 0;  height: 0;  top: 0;  border-top: 39px solid rgb(32, 40, 53);  border-bottom: 39px solid transparent;  border-right: 39px solid transparent;  }
.text-center, .text-center * {  text-align: center !important;  }
.margin-auto {  margin: 0 auto !important;  float: none !important;  }

/* ==================== layout==================== ================================================== */
#layout {  position: relative;  top: 0;  left: 0;  width: 100%;  min-width: 100%;  background: #FFFFFF;display: flex;min-height: 100vh;flex-direction: column;}
.footer {flex-shrink: 0;margin-top: 20px;}
#wrapper {height: auto;width: 100%;margin: 0 auto;position: relative;flex: 1 0 auto;}
body.subpage .Header {background: #FFF;box-shadow: 0px 1px 3px rgba(4, 4, 4, 0.35);}

/* ====================header ==================== ================================================== */
.Header h1 {  display: none;  }
.Header {width: 100%;z-index: 99;padding: 0;box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);position: relative;background: url(/image/cache/headerBG_new.jpg) no-repeat top center;background-size: cover;}
.Navigation{position:relative;}
.Navigation:after{ content:""; display:table; clear:both;}
.logoBlock{text-align: center;z-index: 99;transition: margin .3s ease;float: left;padding: 5px 0px;}
.logoBlock a{display:block;position:relative;/* top: 50%; *//* transform: translateY(-50%); */}
.logo {position: relative;z-index: 99;padding: 0;display: block;margin: 0 auto;max-height: 110px;max-width: 100%;}
.logo img {  position: relative;  display: inline-block;  vertical-align: middle;  max-width: 240px;  padding: 6px 0;  }
.headePhone{background: #011f5b;}
.headePhone a {color:#FFF;font-size: 1.2em;font-weight: 600;padding: 11px 30px;display: block;}
.headePhone a+a { background:#d1a82b;}
.headePhone a i{ vertical-align:middle;}
.top-nav{transition: margin .3s ease;position: relative;z-index: 10;float: right;/* background: #333; *//* display: none; */}
#TopNav.barNAv:after, .barNAv ul:after, .top-nav:after{ content:''; display:table; clear:both;}
.barNAv ul{ list-style:none; margin:0; padding:0; }
.barNAv ul li{/* float:left; */position: relative;display: inline-block;}
.barNAv ul li a, .barNAv ul li>span {color:#333;font-size: 16px;font-weight: 400;padding: 10px;display: block;}
.barNAv ul li ul{display: none;position:absolute;width: 280px;margin-top: 0;background: #333;left: 0;top:100%;text-align: left;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2); }
.barNAv ul>li:hover > ul { display:block; }
.barNAv ul li ul li{ float:none; border-bottom: 1px solid #3c3a3a;}
.barNAv ul>li ul li a{display:block;color: #ffffff;padding: 7px 10px;margin: 0 2px;font-size: 14px;}
.barNAv ul>li ul li:last-child {border:0;}
.barNAv ul>li ul li a:hover{color:#d1a82b;}
.barNAv ul>li:hover { background:#333; }
.barNAv>ul>li:hover>a{ color:#FFF;}
#audioplayer{height: 50px;/* padding: 4px 0; */margin: 4px auto;margin-bottom: 10px;background: none;line-height: 1;-webkit-text-fill-color: #d1a82b;/* display: block; */width: 70%;border: 1px solid #eaeaea;border-radius: 0;}

.topnav.barNAv {float: right;position: relative;z-index: 99;}
.topnav.barNAv > ul>li{margin: 0 0 0 10px;background: transparent;}
.topnav.barNAv > ul>li.audio{display:block;margin: 0;text-align: left;}
.topnav.barNAv > ul>li>span , .topnav.barNAv > ul>li>a {text-transform:uppercase;font-size: 12px;line-height: 20px;padding: 14px 0;color: #b5b7b3;cursor:pointer;display: inline-block;vertical-align: middle;}
.topnav.barNAv ul li.newslink ul{width: 440px;}
.topnav.barNAv ul li.newslink ul li {width: 49%;display:inline-block;}
.topnav.barNAv > ul>li>span:before , .topnav.barNAv > ul>li>a:before{content:'';font-family:FontAwesome;text-align: center;font-size: 12px;display:inline-block;vertical-align: bottom;margin-right: 2px;line-height: 20px;width: 20px;height: 20px;border-radius: 20px;background: #d1a82b;color: #FFF;}
.topnav.barNAv > ul>li.login>a:before{content:"\f023";margin-right: 6px;}
.topnav.barNAv > ul>li.subscribe>a:before{content:"\f067"; }
.topnav.barNAv > ul>li.admin>a:before{content:"\f007";}
.topnav.barNAv > ul>li:hover a{color:#d1a82b;  }
.topnav.barNAv > ul>li:hover a:before{background:#d1a82b;}


#TopNav.barNAv{float: none;margin: 0 auto;}
#TopNav.barNAv ul{float: none;text-align: center;}
#TopNav.barNAv ul li{padding: 0;cursor:pointer;position: relative;}
#TopNav.barNAv ul li a{padding: 16px 0px;text-transform: uppercase;}
#TopNav.barNAv ul>li:hover {background: rgba(235, 0, 9, 0.01) !important;color:#333;}
#TopNav.barNAv ul li span{display: block;vertical-align: middle;padding: 0 5px;font-size: 28px;line-height: 76px;color: #4c4947;font-weight: 400;text-align: center;}
#TopNav.barNAv ul li:first-child{border:0;}
#TopNav.barNAv ul li.home a{font-size: 0;line-height: 1;/* height: 56px; *//* background: #d1a82b; */} 
#TopNav.barNAv ul li.home a:before{content:"\f015";font:normal normal normal 14px/1 FontAwesome;margin: 0;color: #080B0B;font-size: 22px;display: block;line-height: 1;}


#TopNav.barNAv ul li.navIcon span:before{content:"\f0c9"; }

.mainNav{position:relative;background: #2B303A;clear: both;}
.Header .container-fluid{ position:relative; clear:both;}
.Header .container-fluid:after {content:''; display:table; clear:both;}
.HeaderMenu{position:relative;padding: 0;/* padding-left: 250px; */display: flex;/* border-top: 1px solid #cccccc; */background: #282a64;}
.Navigation__body{padding: 0;margin-top: 5px;}
.HeaderMenu ul {list-style: none;margin: 0;padding: 0;/* float: left; */ /* Safari */display: flex;flex-grow: 1;align-items: center;justify-content: space-between;width: 100%;}
.HeaderMenu ul li{ position:relative;}
.HeaderMenu ul li a{display:block;padding:15px 10px;color: #FFF;font-weight: 500; }
.HeaderMenu ul#nav > li > a{font-size: 1.2em;text-transform: uppercase;}



.HeaderMenu ul li a:hover{background: #d1a82b;color: #fff;}
.HeaderMenu>ul>li {position:relative;flex-grow: 1;text-align: center;max-width: 180px;padding: 0;}
.HeaderMenu>ul>li a {color: #080B0B;font-size: 14px;/* padding: 10px 10px; */display: block;position: relative;z-index: 3;}
.HeaderMenu>ul>li:last-child a{border:0;}
.HeaderMenu ul li ul{position:absolute;width: 280px;background: #d1a82b;top:100%;left: 0;display:none;} 
.HeaderMenu ul li:hover ul{ display:block;}
.HeaderMenu ul li ul li{ display:block; }
.HeaderMenu ul li ul li a {color:#fff;padding: 7px 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.HeaderMenu ul li ul li a:hover{ color:#333;}
.HeaderMenu>ul>li ul li:hover a, .HeaderMenu>ul>li a:hover{color: #ffffff;}
.HeaderMenu>ul>li ul{display: none;position:absolute;width: 280px;margin-top: 0;background: #d1a82b;left: 0;top:100%;text-align: left;box-shadow: 0px 1px 1px 0px rgba(51, 51, 51, 0.2);}
.HeaderMenu>ul>li ul li a{display:block;color: #ffffff;padding: 8px 15px;font-size: 14px;border-bottom: 1px solid #ec790e;}
.HeaderMenu>ul>li:hover > ul { display:block; }
.HeaderMenu>ul>li:hover{background: #FFF;}
.HeaderMenu>ul>li:hover > a{/* color: #d1a82b; */}
.HeaderMenu>ul>li > a{ overflow:hidden;}
.HeaderMenu>ul>li > a:before{content:"";display:block;height: 100%;width: 100%;background: #d1a82b;position: absolute;top:-100%;z-index: -1;transition:top .5s ease;}
.HeaderMenu>ul>li> a:hover:before{top:0;transition:top .5s ease;}
.HeaderMenu>ul>li ul li:first-child{padding-top: 1px;}
.HeaderMenu>ul>li ul li{ position:relative;}
.HeaderMenu>ul>li ul li ul{position:absolute;left:100%;top: 0;}
.HeaderMenu>ul>li ul li a:hover{background: #ffffff;color: #d1a82b;}
.HeaderMenu>ul>li ul li:hover ul{ display:block;}
.HeaderMenu>ul>li ul li ul li:first-child{padding:0;}
.HeaderMenu>ul>li ul li ul li a:hover{ background:#333; }
.HeaderMenu ul#nav li.home a{font-size: 0;line-height: 1;height: 56px;} 
.HeaderMenu ul#nav li.home a:before{content:"\f015";font-family: FontAwesome;margin: 0;font-size: 22px;display: block;}

.HeaderMenu ul li.BrowseBooks ul{ display:none !important;}

span.searchBlock-toggler { font-size:0;}
span.searchBlock-toggler{color: #FFF;padding: 0 0;line-height: 50px;display: block;text-align: center;cursor: pointer;margin: 0;/* display: none !important; */}
span.searchBlock-toggler.collapsed:before{content:"\f002";font-family: FontAwesome;font-size: 24px;display: block;/* color: #333 !important; */background: transparent;}
span.searchBlock-toggler:before {content:"\f00d";font-family: FontAwesome;font-size: 28px;display: block;/* color: #333 !important; */background: #181968;}
.HeaderMenu span.searchBlock-toggler{height: 56px;line-height: 56px;width: 50px;}
.Sidebar_body {background-color: #d1a82b;right: -320px;width: 320px;top: 0;bottom: 0;position: fixed;overflow-y: auto;-webkit-overflow-scrolling: touch;z-index: 9999;-webkit-transition: right .3s ease-in-out;transition: right .3s ease-in-out;}
.Sidebar .sidebar_Close{text-align:right;padding: 5px 20px;}
.Sidebar .sidebar_Close .NavbarToggle i{ color:#333;}
.Sidebar .Sidebar_backdrop {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;display: none;}
.Sidebar.show .Sidebar_backdrop {  display: block;  }
.Sidebar.show .Sidebar_body {  right: 0;  }

.SidebarMenu {padding: 0 15px;}
.SidebarMenu .primaryNavigation{ padding-bottom:30px;}
.SidebarMenu .primaryNavigation hr {margin:10px 0; border-color:#d8342c;}
.SidebarMenu .primaryNavigation ul {list-style: none;padding: 0px 5px;margin: 0;}
.SidebarMenu .primaryNavigation ul li ul {margin:0;padding: 0;padding-bottom: 10px;}
.SidebarMenu .primaryNavigation ul li ul li{ margin:0;}
.SidebarMenu .primaryNavigation ul li ul li a {font-size: 15px;font-weight: 400;padding: 2px 15px;text-transform: unset;}
.SidebarMenu .primaryNavigation ul a {font-size: 16px;font-weight: 600;color: #fff;text-decoration: none;display: block;padding: 5px 10px;text-transform: uppercase;}
.SidebarMenu .primaryNavigation ul li span.searchBlock-toggler { display:none;}
.SidebarMenu #social ul{float:none;padding: 10px 15px;margin-bottom: 20px;}
.SidebarMenu #social li{margin-right: 10px;}
.SidebarMenu #social li.phone a:before, .SidebarMenu #social li a:before{color:#FFF; }
.SidebarMenu #social li.phone a span{ color:#FFF;}
.SidebarMenu .primaryNavigation ul li.BrowseBooks{ display:block;}
.SidebarMenu .primaryNavigation > ul > li{border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.SidebarMenu .primaryNavigation > ul > li:last-child{ border:0;}
.contactNavigation{border-top: 1px solid #103275;margin-top: 0px;clear: both;}
.contactNavigation ul{list-style:none;padding: 10px 15px;}
.contactNavigation ul li {margin: 10px 0;}
.contactNavigation ul li a{color:#FFF;font-size: 20px;}

.SidebarMenu form{position:relative;display: none !important;}
.SidebarMenu input[type=text]{background:#FFF;padding: 5px 14px;}
.SidebarMenu input[type=submit]{width:auto;min-width: auto;padding: 15px 13px;position: absolute;right: 0;top: 10px;font-size: 12px;height: 45px;background: #d1a82b;}

.searchBlock-collapse {-ms-flex-preferred-size: 100%;flex-basis: 100%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.search__backdrop {position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;display: none;}
.searchBlock-collapse .searchBlock_body {background-color: #181968;width: 100%;padding: 4px 0px;margin: auto;bottom: -53px;/* z-index: 999; */position: absolute;opacity: 0;/* transform: translateY(-100%); */-webkit-overflow-scrolling: touch;z-index: -1;/* -webkit-transition: transform .3s ease-in-out; *//* transition: transform .3s ease-in-out; */}
.searchBlock-collapse .searchBlock_body  .searchBlock{position:relative;}
.searchBlock-collapse .searchBlock_body  input[type=text] {width: 100%;padding-right: 70px;}
.searchBlock-collapse .searchBlock_body  input[type=submit]{position:absolute;right:0;top: 0;margin: 0px 0;border: 1px solid transparent;min-width: auto;background: #dc8a31;color: #FFF;}

.searchBlock-collapse.show .search__backdrop, .searchBlock-collapse.show .searchBlock_body { display:block;}

.searchBlock-collapse.show .searchBlock_body {/* transform: translateY(0px); */opacity: 1;z-index: 99;}

#searchbuildform table.maintable{ margin:0 auto;} 
#searchbuildform table tr td{ padding:10px;}
#searchbuildform table tr td input[name="name"],
#searchbuildform table tr td input[name="partno"]{ width:100%;width: 100%;min-height: 45px;background-color: #fefefe;border: 1px solid rgba(47, 47, 47, 0.15);font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 14px;padding: 10px;text-align: left;color: #333;margin: 0;border-radius: 0;}
#searchbuildform input[type="submit"] {width:150px;margin: 20px auto; display:block;}


.loginCollapse{position:fixed;z-index: 99;width:100%;height:100vh;top:0;left:0;opacity:0;-webkit-transition: opacity .3s ease;transition: opacity .3s ease;}
.loginCollapse.show{opacity:1;}
.login_backdrop{position: fixed;height: 100%;width: 100%;background-color: rgba(0,0,0,.45);left: 0;top: 0;z-index: 999;}
.loginCollapse .login_body{width: 340px;margin:0 auto;position:relative;z-index:99999;background:#FFFF;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.loginCollapse .login_body .loginBox{padding: 30px 30px;}
.loginCollapse .login_body .login_Close{float:right;display:block;width:20px;height:20px;line-height:20px;text-align:center;background:red;color:#FFF;cursor: pointer;}
.loginCollapse .login_body .loginBox .fieldRow{margin-bottom:10px; }
.loginCollapse .login_body .loginBox .fieldRow input{min-height: auto;margin:0;vertical-align:middle;padding:10px;}
.loginCollapse .login_body .loginBox .fieldRow input[type="checkbox"]{ margin:0;}
.loginCollapse .login_body .loginBox .mlolnks{margin: 20px 0 0px 0;}
.loginCollapse .login_body .loginBox .mlolnks a{ display:inline-block; width:50%;}
.navIcon{float: right;height: 100px;line-height: 100px;}
.navIcon { }
.NavbarToggle {display: inline-block;vertical-align: middle;background-color: transparent;border: 0;padding: 0;}
.NavbarToggle i {color: #FFF;font-size: 46px;}
.sidebar__Close {padding: 5px 20px;}
.sidebar__Close i{ color:#F44336;}
body.subpage .Header .NavbarToggle i {  color: #d1a82b;  }
.search__Close{position:absolute;top: 0;right: 0;background: #F44336;text-align: center;}
span.searchBlock-toggler.mobileSearchIcon  {display:inline-block;vertical-align: middle;margin-left: 15px;}
.searchToggle{background:none;padding: 0;color: #FFF;text-align: center;width: 30px;height: 30px;}
.searchToggle i {font-size:0;}
span.searchBlock-toggler.mobileSearchIcon:before, .searchToggle i:before{font-size: 24px;line-height: 30px;} 
span.searchBlock-toggler.mobileSearchIcon:before{width: 40px;line-height: 40px;color:#fff;display: inline-block;vertical-align: middle;font-size: 34px;background: transparent;text-align: center;}
.Header .Navigation .mainNav > .container {margin-top: 0;transition: margin .3s ease;}
.Header.headBg {box-shadow: 0px 1px 3px rgba(4, 4, 4, 0.35);position: relative;}
.Header.headBg .Navigation .mainNav > .container { transition: margin .3s ease;}
.Header.headBg .Navigation__body{ }


/* ==================== Social Menu ==================== ================================================== */
#social {position: relative;z-index: 99;margin: 21px 0;}
#social ul {margin: 0;padding: 0;text-align: right;}
#social li {float: none;display: inline-block;vertical-align: middle;padding: 4px;}
#social li a {font: normal normal normal 14px/1 FontAwesome;text-align: center;padding: 0 !important;color: #FFF;display: block;}
#social li a span {  display: none;  }
#social li a:before, #social li>span:before {font-size: 24px;text-align: center;color: #FFF;display: inline-block;vertical-align: middle;line-height: 40px;width: 40px;height: 40px;border-radius: 7%;}
#social li.audio a:before{content: "\f028";background: #d1a82b;width: 80px;border-radius: 30px;font-size: 22px;}
#social li.facebook a:before {content: "\f09a";background: #3c5b99;}
#social li.twitter a:before {content: "\f099";background: #00aced;}
#social li.instagram a:before {  content: "\f16d";  }
#social li.linkedin a:before {  content: "\f0e1";  background:#0077b5; }
#social li.youtube a:before {  content: "\f16a";  }
#social li.pinterest a:before {  content: "\f231";  }
#social li.googleplus a:before {content: "\f0d4";background: #dc4b38;}
#social li.contact a:before, #social li.email a:before {content: "\f0e0";background: #FF5722;}
#social li.rss a:before {  content: "\f09e"; background:#d1a82b;  }
#social li.phone a:before {content: "\f095";background: #2196F3;color: #ffffff;}
/* Social Menu Hover */
#social li:hover a:before, #social li a:hover:before {opacity: .8;}

/*search bar*/
.searchBlock form{position:relative;/* margin-top: 20px; */}
.searchBlock input {margin:0;padding: 10px;}
.searchBlock input[type=submit] {position:absolute;right:0;top:0;/* border: 1px solid #a5a5a5; */font-size: 12px;height: 100%;/* background: #b6b6b6; */}
.searchBlock .advanced_search { display:none;}

/*Smoky */
.smokyPage header{background: #ffffff;margin-bottom:20px;}
.smokyPage header .smokyHeader{ }
.smokyPage header .smokyHeader h2{color:#FFF;text-transform:uppercase;font-weight:600;font-size:3em;margin: 5px 0;}
.smokyPage header .bacKBtn{position: absolute;left:0;top: 100%;display: block;width: 80px;text-align:center;height: 100%;background: #d1a82b;color: #FFF;} 
.smokyPage header .bacKBtn a{padding: 17px 9px;color: #FFF;font-size: 1.1em;text-transform:uppercase;font-weight:600;display: inline-block;} 
.smokyPage header .bacKBtn a:before{content: "\f060";font-family:FontAwesome;font-size: 14px;display: inline-block;vertical-align: text-top;margin-right: 4px;font-weight: normal;}

.smokyPage h4, .smokyPage a{color:#0077b5;}

/* ====================Footer==================== ================================================== */
footer {clear: both;bottom: 0;left: 0;background: #2B303A;z-index: 1;width: 100%;padding: 0;line-height: 1.6em;font-size: 14px;text-align: left;position: relative;border: 0;}
footer .address {margin: 0;text-align: left;}
footer .address * {color: #b5b7b3;}
footer .address p span {  font-size: .80em;  display: none;  }
footer .footerContacts {margin:0 !important;}
footer #social{margin: 0;float: none;text-align: center;background: #282c34;padding: 10px 0;margin-bottom: 25px;}
footer #social ul {text-align: center;}
footer #social li{padding:2px;margin: 0;}
footer #social li.phone{padding: 2px;margin: 4px 0;}
footer #social li.phone a span {font-size: 16px;}
footer #social li.phone a:before {content: "\f095";background: #333;color: #ffffff;margin-right: 5px;}
footer #social li.phone a span:before{content:"Call us now";display:block;font-size:14px;font-weight: 400;}

.footer-nav {  width: 100%;  }
.footer-nav ul:after {  content: '';  display: table;  clear: both;  }
.footer-nav ul{ list-style: none; }
.footer-nav ul#footnav{display:flex;}
.footer-nav ul li.group{ width:30%; display:inline-block;}
.footer-nav ul li.group span{ display:none;}
.footer-nav ul li a:hover {color: #d1a82b;}
.footer-nav > ul > li > span, .footer-nav > ul > li > a {font-size: 14px !important;}
.footer-nav > ul > li > a:before {  content: '' !important;  }
.footer-nav ul li a {padding: 2px 5px;font-size: 14px;display: inline-block;}
.footer-nav ul li.head{width:30%;display: inline-block;}
.footer-nav ul li.head >a, .footer-nav ul li.head >span {font-size: 20px !important;font-weight: 600;margin: 0;text-transform: uppercase;padding: 0;color: #d1a82b;}
.subfooter-nav ul {  float: right;  display: block;  }
.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;  }

/* ==================== Copyright ==================== */
.copyright {font-size: 12px;text-align: center;padding: 7px 0;background: #292e36;}
.copyright a {  color: #FFF !important;  padding: 10px;  }
.copyright span {  display: block;  color: #FFF !important;  float: right;  }

/* ==================== Go to top button ==================== ================================================== */
.cd-top {  display: inline-block;  height: 50px;  width: 50px;  position: fixed;  bottom: 30px;  right: 5px;  z-index: 10;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);  overflow: hidden;  background: #d1a82b;  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;  -webkit-border-radius: 50px;  -moz-border-radius: 50px;  border-radius: 50px;  }
.cd-top i {color: #FFFFFF;font-size: 1.4em;text-align: center;line-height: 50px;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: .5;  }
.cd-top:hover, .no-touch .cd-top:hover {  opacity: 1;  }

/* ==================== Page & Content Styles ==================== */
.page-content-block {margin: 0 0 !important;}
.subpageHeader-block {padding-top: 150px;text-align: justify;background: #d1a82b;margin-bottom: 30px;position: relative;}
.subpageHeader-block:after{content:'';position:absolute;width:100%;height:100%;top:0;opacity: .4;background: #d1a82b url(../image/cache/subpageheader.jpg) no-repeat;background-attachment: fixed;}
.subpageHeader-block h1 {margin: 0;}
h3.title, h2.title{border-bottom: 2px solid rgba(0,0,0,0.1);position: relative;font-size: 34px;height: 42px;line-height: 40px !important;padding: 0 10px 0 0;margin: 0 0 10px;border-radius: 3px;font-weight: 500;display: inline-block;}
h3.title{font-size: 28px;}
h3.title:before, h2.title:before{content: '';position: absolute;background: #d1a82b;width: 50%;max-width: 180px;height: 2px;left: 0;bottom: -2px;}
h3.title:after, h2.title:after{position: absolute;content: " ";width: auto;height: auto;bottom: -10px;left: 5%;border-width: 4px;border-style: solid;border-color: #d1a82b rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);} 

.lead{font-size: 1.2em;font-weight: 300;line-height: 28px;}
.subpage-block {  margin-top: 74px;  padding-top: 10px;  }
.breadcrumb {padding: 5px 0;margin-bottom: 5px;font-size: 14px;clear: both;color: #333;background: transparent !important;display: block !important;}
.breadcrumb a {font-size: .84em;vertical-align: middle;}

.intro-text-block{position:relative;border-bottom: 1px solid rgba(0, 0, 0, 0.1);color: #b5b7b3;background: url(/image/cache/pattern.png);}
.intro-text-block:before{content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(213, 120, 3, 0.2);}
.intro-text{margin: 30px;padding: 20px;/* border-bottom: 1px solid #d1a82b; *//* border-top:1px solid #d1a82b; */}
.intro-text-block h2{font-size:36px;color: #d1a82b;}
.intro-text-block h3{color: #777;}

.featured-block {margin: 0 auto;/* color: #FFF; */padding: 25px 0;}
.featured-block .info-Block {position:relative;text-align:center;transition:background .3s ease;background-color: #FFF;vertical-align: top;background: #fff;border-radius: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.featured-block .info {position:relative;z-index:1;border: 1px solid #eee;}
.featured-block h3 {text-align:center;margin: 0;padding: 5px;}
.featured-block h3 a{height: 100%;justify-content: center;align-items: center;padding: 5px 0;text-align: center;}
.featured-block h3 a span{display:block;font-weight: 100;font-size: 1em;font-family: 'Roboto', sans-serif;}
.featured-block h3 i {line-height: 80px;color: #ffffff;font-size: 3em;padding: 10px;}
.featured-block .info-Block:hover{background: #d1a82b;}
.featured-block .info-Block:hover img{ opacity:.75;}
.featured-block .info-Block:hover a{color: #FFF;}

.featuredProductsBlock {/* background:url(../image/cache/pattern.png); */position:relative;}
.featuredProductsBlock:before{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;/* background: rgba(213, 120, 3, 0.2); */}


h2.sectionTitle{display: block;/* font-weight: 100; *//* font-family: 'Roboto', sans-serif; */font-size: 2.5em;}
.featuredProducts{position:relative; z-index:2;}
.featuredBook {padding: 5px;vertical-align: top;height: 100%;border-radius: 5px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);}
.featuredBook .image {margin: 0;min-height: 260px;}
.featuredBook .image img{max-width:100%;max-height: 250px;display: block;margin: 0 auto;}
.featuredBook .info h4{font-weight: 400;font-family: 'Roboto', sans-serif;font-size: 1.1em;margin: 0;text-align: center;}
.featuredBook .info .price {font-weight:800;font-size: 1.2em;margin: 3px 0;text-align: center;}
.featuredBook .info div.price[data-price=""]{visibility: hidden;}
.featuredBook .info ul{list-style:none;margin:0;padding:0;margin-bottom: 0;text-align: center;} 
.featuredBook .info ul li{display:inline-block;min-width: 48%;padding: 0;font-size: .9em;color:#d1a82b;position: relative;}
.featuredBook .info ul li input{width:100%;min-width: auto;display: block;height: 100%;padding: 5px;line-height: 20px;border: 1px solid #ead4b9;background: #FFF;color: #d1a82b;text-transform: unset;font-size: 1em;}
.featuredBook .info ul li a {display:block;height: 100%;color: #FFF;padding:5px;line-height: 20px;border: 1px solid rgba(0, 0, 0, 0.2);background: #d1a82b;}
.featuredBook .info ul li a:before, .featuredBook .info ul li.cart:before{/* content:" "; */font-family:FontAwesome;display: inline-block;margin-right: 5px;}  
.featuredBook .info ul li.cart:before{position:absolute;left: 0;line-height: 30px;margin: 0 8px;z-index: 2;}
.featuredBook .info ul li.cart:before, .featuredBook .info ul li.cart a:before{content:"\f07a";}  
.featuredBook .info ul li:hover, .featuredBook .info ul li input:hover, .featuredBook .info ul li a:hover{background: #282a64;color:#ffff;}

.addthis_inline_share_toolbox {/* text-align:right; */}
.productIndividual .image{ border-right:1px solid #ddd; }
.productIndividual .details{padding:10px;}
.productIndividual .details h3{ margin:0;}
.productIndividual .details ul {padding:0;margin: 10px 0;list-style:none;}
.productIndividual .details ul li {display:inline-block;min-width: 35%;color:#999;font-size:.96em;}
.productIndividual .details ul li.hide{ display:none;}
.productIndividual .details ul li span{ color:#333;}
.productIndividual .details .options, .productIndividual .details .promotions{margin-bottom:10px;}
.productIndividual .details .price {font-size: 1.8em;font-weight:700;margin: 10px 0;}
.productIndividual .details .price span{display:block;font-size:.8em;font-weight:400;color:#999;text-decoration: line-through;}
.productIndividual .details .price.is_not_onsale span{font-size: 1.0em;font-weight:700;margin: 10px 0;  color:#333; text-decoration:none;}
.productIndividual .details .price.is_not_onsale span:before{content:"$";}

.productIndividual .details .quantity{padding:10px 0; color:#999;}
.productIndividual .details .quantity span{ display:block;}
.productIndividual .details .quantity input{width: 60px;background:none;padding: 7px 5px;}

/*Books Menu*/
.booksMenu {/* border:1px solid #333; */border-radius: 5px;overflow: hidden;}
.booksMenu h3{background: #d1a82b;color: #282a64;margin: 0;padding: 8px;font-size: 1.6em;}
.booksMenu ul{padding:0;margin:0;list-style:none;border: 1px solid rgba(0, 0, 0, 0.1);}
.booksMenu ul li { display:block; }
.booksMenu ul li a{display:block;padding: 14px 10px;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: rgba(209, 168, 43, 0.15);font-weight: 400;color: #282a64;font-size: 0;}
.booksMenu ul li a span{display:inline-block;width: calc(100% - 18px);font-size: 14px;}
.booksMenu ul li a:before{content:"\f0a9";font-family:FontAwesome;display:inline-block;width: 16px;vertical-align: top;color: #d1a82b;font-size: 14px;/* text-align: center; */}
.booksMenu ul li:last-child a{ border:0;}



.cartMenu{position: static;position: absolute;top: 120px;margin-top: 5px;/* width: 210px; */height: 130px;padding: 0;padding-left: 0;right: 0;transition: all .5s ease;}
.cartMenu ul:before{content:"\f07a";cursor:pointer;position: absolute;left: -70px;top: 0;font-family:FontAwesome;/* border-left: 2px solid #d1a82b; */color: #d1a82b;float:left;font-size: 2.8em;display: block;width: 66px;height: 56px;line-height: 56px;text-align: center;background: #282a64;transition: all .2s ease;}
.cartMenu ul{position: absolute;margin:0;padding:0;right: -150px;width: 150px;padding-top: 56px;padding-left: 50px;text-align: left;list-style:none;/* background: #d1a82b; *//* border-top: 2px solid #fdc321; *//* border-bottom: 2px solid #fdc321; */transition: all .2s ease;}
.cartMenu ul li{display: block;/* margin-left: 66px; */background: #d1a82b;}
.cartMenu ul li a{color: #282a64;display: block;font-size: 1.2em;line-height: 30px;font-weight: 500;padding: 8px 11px;margin: 0;} 
.cartMenu ul li a:hover{background:#333;color: #fff;}
.cartMenu ul:hover li{/* right:0; */margin: 0;}
.cartMenu:hover:before{ background:#d1a82b; color:#FFF;}
.cartMenu ul:hover{right: 0;padding-left: 0;width: 150px;}
.cartMenu ul:hover:before{left: 0;transition: all .2s ease;}

body.cartActive .rightNav{/* margin-top:30px !important; */}
body.cartActive .breadcrumbs {margin-bottom: 25px;}
.backorder {display: none;}


 /* Review Form */ 
 .reviewform table td { padding: 5px; } 
 .reviewform table td { text-align: left; } 
 .reviewform table td.labelcol { width: 130px; } 
 .rating_radio{line-height: 45px;margin-right: 10px;} 
 .reviewform input[type=submit] { padding: 8px 15px; } 
 .reviewform textarea{ width: 230px;min-height: 60px;max-height: 100px;}
 .optlst div.ratereviewslike, .optlst div#ratings { padding: 0; margin: 0; }
 .reviewlist {border-bottom: 1px dashed #d8d8d8; padding: 5px;} 
 .reviewlist strong {font-size: 11px;display: block;} 
 .reviewlist em {} 
 .reviewlist p { margin: 6px 3px; } 

 .starrating {font-size: 0;background-position: center left;} 
 .starrating .span{ display:inline-block; }
 .reviewlist .starrating {/* width:70px; */}
  .reviewlist .review { margin-top:10px;}
 #ratings  strong {display: none;  }
 .starrating span {display: inline-block;font-size: initial;margin: 2px;color: #999;background-position: center left;} 
 .starrating span.active{ color:gold;}
 .starrating span.star1 { width: 14px; } 
 .starrating span.star2 { width: 28px; }
 .starrating span.star3 { width: 42px; } 
 .starrating span.star4 { width: 56px; } 
 .ratereviewslike {} 
 .ratereviewslike div#ratings, 
 .ratereviewslike div#rcount, 
 .ratereviewslike div#fblike, .ratereviewslike div.fblike {display: inline-block;vertical-align: middle;} 
 .ratereviewslike a { text-decoration: none; } 
  .ratereviewslike div#ratings{/* font-size:0; */}
 ul.tabs, #mainContent ul.tabs {padding: 0px;margin: 0px;list-style: none;border-bottom: 1px solid #e5e5e5;height: 40px;} 
 ul.tabs li {padding: 0px 20px;line-height: 36px;float: left;margin-top: 5px;cursor: pointer;} 
 ul.tabs li:hover { color: #d1a82b; } 
 ul.tabs li.select {background: #FFF;border: 1px solid #e5e5e5;color: #d1a82b;border-bottom: 0px;margin-top: 4px;} 
 .tabholder div.tabcont {display: none;padding: 10px;} 
 .tabholder div.showtab { display: block; } 
 .tabholder div.showtab#tab2{/* margin-bottom:100px; */}
 .tabholder div.showtab iframe{width:100%;min-height: 340px;}


@media (min-width: 992px){
#BookList .col-lg-3 {-webkit-box-flex: 0;-ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;}
}


/* ==================== Blog & Events ==================== */
.blog, .event {padding: 0;margin: 0;border: 1px solid #f4f4f4;background: #FFF;margin-bottom: 15px;height: 100%;}
.events {padding-bottom: 30px;} 
.events .event_date{padding: 10px;text-align: center;background: #d1a82b;color: #FFF;font-size: 30px;font-weight: 900;line-height: 40px;display: flex;width: 100%;border: 0;border-bottom: 1px solid #da7314;}
.events .event_date div{ padding:0 5px;}
.blog .image img{max-width:240px;}
.blog .blog_content, .event_content{ padding:10px;}
.blog .blog_content p img{float:left;margin-right:10px;max-width: 240px;}
.events_month_header h2{ font-size:24px; margin-top:30px; border-bottom:1px solid #DDD; padding:5px;}
.event_row .event_date{border:0;}
.news .col-12.no-image{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.news .image img{padding: 0;margin: 0;}
.event_date{border: solid 1px #b54b33;margin: 0 auto;}
.event_row .event_day{font-size: 20px;font-weight: 300;margin-bottom: 1px;}
.event_row .event_month {font-size: 22px;font-weight: 900;line-height: 30px;}
.event_row .event_month span{/* display:block; */text-transform: uppercase;font-weight: 500;}
.blog .blog_name a, .event_name a {font-size: 16px;font-weight: 500;color: #d1a82b;}
.events .event_name a:hover {color: #ffb606; } 
.events .event_location{font-size: 14px;font-weight: 500;color: #6e7b97;margin-top: 2px;}
.events .event_content p{font-weight: 400;color: #666;margin-top: 0;margin-bottom: 0;}
.blog {/* border:0; */} 
.blog .blog_content p a{ text-transform:uppercase;}
.blog .image img{max-width: 240px;}
.blogs_row_block .blog{border:0;border-bottom: 1px solid #f4f4f4;}
.event_image img{width: 100%;}
.events_block{ padding:30px 0;}
.events_block .date{padding: 10px;text-align: center;font-size: 20px;width: 140px;display: flex;}

/* ==================== webform post form styles ==================== ================================================== */
.fieldgroup {clear: both;margin: 5px 0;padding: 5px;}
.fieldgroup_label {font-size: 1.5em;font-weight: bold;width: 98%;display: block;color: #F9A13A;padding: 5px 1%;margin: 10px 0 5px 0;border-bottom: 1px solid #F9A13A;}
.fieldgroup_desc, .field_desc {  font-style: italic;  color: #333;  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: 100%;}
.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: "Roboto", "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: "Roboto", "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;}

.user_info_block{background: rgb(250, 250, 250);border: 1px solid #ededed;padding:15px;margin: 15px 0;padding-bottom: 35px;}
.user_info_block:after{ content:''; display:table; clear:both;}
.userinfotitle{padding: 0;margin-bottom: 15px;font-size:24px;font-weight:600;display: none;}
.user_info_block table.register{min-width: 60%;margin:0 auto;position: relative;}
.user_info_block table.register input{margin: 5px 0;}
.user_info_block table.register tr td{vertical-align:middle;position: static;}
.user_info_block table.register tr td:nth-child(2){ display:none;}


/* ====================small size grid style declarations==================== ================================================== */
@media (min-width: 580px) {  
  /* ==================== multi level footer menu ==================== ================================================== */
 .footer-nav ul {  display: block;  clear: none;  text-align: left;  width: 100%;  }
 .footer-nav > ul > li {vertical-align: top;list-style: none;margin: 4px 0;}
 .footer-nav ul li a, .footer-nav ul li span {padding: 3px 0;margin: 0;}
 .footer-nav ul li.head > ul {  padding-left: 4px;  }
 .footer-nav ul li.head li.head ul {  padding-left: 0;  }
 .footer-nav ul li.head li.head >a {  margin-left: -5px;  }
 }

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

@media (min-width: 780px) {  
 .Navigation {margin-top: 0;transition: margin .5s ease, padding .5s ease;/* background: #FFF; */padding: 0;}
 body.subpage .Navigation {  margin-top: 0;  }

 /* ==================== webform styles ==================== ================================================== */
 .fieldrow .fieldval select {  width: 80%;  padding: 8px 5px;  margin: 0;  }
 .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%;  }
  }

/* ==================== taoCMS Components and Modules ==================== ================================================== */
/* ==================== Image Slider ==================== ================================================== */
.slider-block {padding-bottom: 0;margin-top: 0;padding: 20px 0;position: relative;background: #f0ece7;background-size: 100%;background-repeat: no-repeat;}
.conent_slider {  margin: 0px auto;  padding-bottom: 25px;  }
.slider_block {position: relative;margin: 0;margin-bottom: 0;width: 100%;height: 500px;overflow: hidden;}
#slides {height: 100%;}
/* slide show */
.sliderContent { height: 100%;  position: relative;  overflow: hidden;  width: 100%;  float: none;  }
.sliderContent .container{ position:relative;}
.sliderContent div.base {position: absolute;width: 100%;height: 100%;right: 0;opacity: 1;display: none; /* Safari 6.0 - 9.0 */}

.sliderContent div.base .slideData {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;align-items: center;justify-content: left;}
.sliderContent div.base .slideData .img {height: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;z-index: 1;text-align: center;}
.sliderContent div.base .slideData .img img{padding: 5px;box-shadow: 1px 1px 3px rgba(7, 7, 7, 0.5);background:#ffff;max-height: 480px;max-width: 100%;margin: 10px 0;position: relative;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.sliderContent div.base.Video .img {  display: none;  }
.sliderContent div.base .slideData  div.caption {height: 100%;-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;z-index: 1;position: relative;z-index: 5;padding: 10px;margin: 0;top: 0;display: none;/* background: rgba(255, 255, 255, 0.8); */}

.sliderContent div.base.slideFullwidth .slideData{ display:block !important;}
.sliderContent div.base.slideFullwidth .slideData .img {height: 100%;width:100%;top: 0;position:absolute;max-width: 100%;-webkit-box-flex: unset;flex: unset;-ms-flex: unset;}
.sliderContent div.base.slideFullwidth .slideData .img img{padding:0;box-shadow:none;margin: 0;max-height: 100%;}


.sliderContent div.activeSlide { display: block; right: 0; }
.slider_block div.container {height: 100%;}

.sliderContent div.base div.caption .slidelink a{padding: 5px;/* display: inline-block; */text-transform: uppercase;font-size: 1em;margin: 0;}
.sliderContent div.base div.caption p { }
.sliderContent div.base div.caption h1{font-size: 3.0em;margin:0;font: 60px/70px 'Lato', sans-serif;font-weight: 400;color: #fff;margin: 0 0 10px;}
.sliderContent div.base div.caption h2{margin:0;color: #FFF;margin-bottom: 5px;font-size: 4em;line-height: 1em;font-weight: 100;text-transform: uppercase;font-family: 'Roboto', sans-serif;}
.sliderContent div.base div.caption h3{margin:0;margin-bottom: 5px;font-size: 2em;font-weight: 300;font-family: 'Roboto SLab', serif;}
.sliderContent div.base div.caption h4{/* font-size:1.0em; *//* line-height:1.2em; */font: 300 16px/24px 'Open Sans', sans-serif;}
.sliderContent div.base div.caption h5{ font-size:.84em; line-height:1.18em;}
.sliderContent div.base div.caption .background{padding: 5px;margin-bottom: 5px;display: inline-block;}
/*caption Video*/
.sliderContent div.base.slShow div.caption {display:block; }
.sliderContent div.base.slShow div.caption.Video {width:100%;max-width: none;text-align:center;position: relative;height: auto;padding: 0;border: 0; margin: 0;}
.sliderContent div.base.slShow div.caption.Video h3{ text-align:left; margin: 0; margin-left:15px; padding:0; display: none;}
.sliderContent div.base.slShow div.caption.Video iframe { height: 400px !important; width: 100%;   }
.sliderContent div.base.slShow div.caption.Video a, .sliderContent div.base.slShow div.caption.Video p { padding:0; margin:0;}

/* caption positions*/
.sliderContent div.base.slideFullwidth.slShow div.caption.Top-Left{top:2%; left:0;}
.sliderContent div.base.slideFullwidth.slShow div.caption.Top-Center{-webkit-box-flex: unset;-ms-flex: unset;flex: unset;top:2%;left:50%;-webkit-transform: translateY(-2%) translateX(-50%);-ms-transform: translateY(-2%) translateX(-50%);transform: translateY(-2%) translateX(-50%);}
.sliderContent div.base.slideFullwidth.slShow div.caption.Top-Center * { text-align:center !important;}
.sliderContent div.base.slideFullwidth.slShow div.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;}
.sliderContent div.base.slideFullwidth.slShow div.caption.Top-Right * {text-align:right !important;}

.sliderContent div.base.slideFullwidth.slShow div.caption.Middle-Left{top:50%;left:0%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);display: block !important;width: 50%;}
.sliderContent div.base.slideFullwidth.slShow div.caption.Middle-Center{top:50%; left:50%; -webkit-transform: translateY(-50%)  translateX(-50%);  -ms-transform: translateY(-50%)  translateX(-50%);  transform: translateY(-50%)  translateX(-50%);}
.sliderContent div.base.slideFullwidth.slShow div.caption.Middle-Center * { text-align:center !important;}
.sliderContent div.base.slideFullwidth.slShow div.caption.Middle-Right{top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-100%);  -ms-transform: translateY(-50%) translateX(-100%);  transform: translateY(-50%) translateX(-100%);}
.sliderContent div.base.slideFullwidth.slShow div.caption.Middle-Right * { text-align:right !important;}

.sliderContent div.base.slideFullwidth.slShow div.caption.Bottom-Left{top:100%; left:0%; -webkit-transform: translateY(-100%);  -ms-transform: translateY(-100%) ;  transform: translateY(-100%);}
.sliderContent div.base.slideFullwidth.slShow div.caption.Bottom-Center{top:100%; left:50%; -webkit-transform: translateY(-100%) translateX(-50%);  -ms-transform: translateY(-100%) translateX(-50%);  transform: translateY(-100%) translateX(-50%);}
.sliderContent div.base.slideFullwidth.slShow div.caption.Bottom-Center * { text-align:center !important;}
.sliderContent div.base.slideFullwidth.slShow div.caption.Bottom-Right{top:100%; left:100%; -webkit-transform: translateY(-100%) translateX(-100%);  -ms-transform: translateY(-100%) translateX(-100%);  transform: translateY(-100%) translateX(-100%);}
.sliderContent div.base.slideFullwidth.slShow div.caption.Bottom-Right * {text-align:right !important;}


/*Caption Backgrounds*/
.sliderContent div.base div.caption.White {  background: rgba(255,255,255,0.65);  }
.sliderContent div.base div.caption.Yellow {  background: rgba(191, 130, 54, 0.65);  color: #FFF!important;  }
.sliderContent div.base div.caption.Yellow * {  color: #FFF;  }
.sliderContent div.base div.caption.Blue {  background: rgba(62, 77, 92, 0.65);  }
.sliderContent div.base div.caption.Blue * {  color: #FFF;  }
.sliderContent div.base div.caption.Black {  background: rgba(0, 0, 0, 0.65);  }
.sliderContent div.base div.caption.Black * {  color: #FFF;  }
.taoNav {margin-top: -20px;position: relative;z-index: 98;text-align: center;}
.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: #333;background: #333;cursor: pointer;font-size: 0;width: 15px;height: 5px;line-height: 0;text-align: center;}
.taoNav a.active {background: #d1a82b;color: #d1a82b;}
.taoNav a:hover {  text-decoration: none;  }

/* tao directional nav */
.directionNav a{position:absolute;z-index: 99;top: calc(50% - 25px);width: 30px;height: 50px;line-height: 50px;text-align:center;font-size:0;cursor:pointer;opacity:0;transition: all .5s ease;background: rgba(255, 255, 255, 0.35);}
.directionNav a:before{content: "\f35a";font-family: 'simple-line-icons';font-size: 32px;display: block;color: #ffffff;}
.directionNav a.prevNav{left: -100px;right:auto;}
.directionNav a.nextNav{right: -100px;}
.directionNav a.prevNav:before{content:"\e605";}
.directionNav a.nextNav:before{content:"\e606";}
#slide_block:hover a.nextNav{right: 0;transition: all .5s ease;opacity:1;}
#slide_block:hover a.prevNav{left: 0;transition: all .5s ease;opacity:1;}

/* testimonial slider */
#testimonial_slider{ height:auto; background:transparent;}
#testimonial_slides {height: 250px !important;position: relative;} 
#testimonial_slides .sliderContent div.base {background: transparent;}
#testimonial_slides .sliderContent div.base:after{ display:none;}
#testimonial_slides .sliderContent div.base *{ text-shadow:none; color:#564840;} 
#testimonial_slides .sliderContent div.base a{ color:#dc3545;}
#testimonial_slides .sliderContent div.base p{ color:#271f1b;}
#testimonial_slides .sliderContent div.base p i{color: #b9b2a5;}
#testimonial_slides .sliderContent div.base .media-body p{ color:#8c8b84;}
#testimonial_slides .sliderContent div.base.activeSlide { display: block; right: 0; }
.testimonial.base {position:relative;}
#testimonial_slider .taoNav{display:block;text-align: center;margin: -30px 0 0 0;position: relative;z-index: 2;}
/* subpage_slider*/
.subpage_slider {  padding: 100px 0;  background: url(/image/cache/subpage.jpg);  background-position: center center;  background-attachment: fixed;  background-size: cover;  }


/*login*/
.changepass, .general_login {  max-width: 360px;  margin: 0 auto;  text-align: left;  padding: 10px;  border: 1px solid rgb(233, 233, 233);  }
.general_login div.logintitle {  background: transparent;  color: #333;  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: 8px 0px;  text-align: left;  }
.changepass div.row label, .general_login div.row span.label {  text-align: right;  padding-right: 7px;  min-width: 100px;  font-weight: bold;  display: inline-block;  }
.changepass div.row label {  font-weight: normal;  min-width: 125px;  }
.changepass div.row span, .general_login div.row span.formw {  display: inline-block;  vertical-align: middle;  }
.changepass div.row span input {  max-width: 190px;  }
.general_login div.loginbtn {  margin-left: 100px;  display: inline-block;  text-align: center;  }
.general_login div.forgotpassword {  vertical-align: middle;  display: inline-block;  }
.general_login .errmsg {  color: #F44336;  font-size: .84em;  padding: 0;  text-align: center;  overflow: hidden;  }
#filter {  display: none;  }

/*login*/
.createAccount, .general_login{float:left;margin: 10px 15px;}
.general_login div.loginmessage {font-style: italic;margin-bottom: 10px;}
.general_login div.row span.formw input, .changepass div.row span input {max-width: 190px;padding: 8px 5px;height:auto;min-height: auto;} 
.general_login div.loginbtn input{height: auto;padding: 8px 10px;}

div.Newregister{background: #d1a82b;color:#FFF;padding: 48px 10px;}
div.Newregister p, .Newregister a, .register h2{ color:#FFF; text-align:center;}
div.Newregister h2{font-size:1.4em;margin: 15px;color: #fff;}
div.Newregister a {font-size: 1.4em;text-transform:uppercase;display:inline-block;font-weight: 700;border: 3px solid #FFFF;padding:2px 5px;}
div.resetText{padding: 10px;}



/* ==================== 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: #333;  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: #021f5b !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: #021f5b;  }
.nav-icon a:hover, .search-btn.search-on, .search-btn:hover {  background: #021f5b;  color: #FBFBEA;  }
.nav-icon.nav-collapsed {  z-index: 102;  }
.nav-icon.nav-collapsed a {  color: #d1a82b !important;  }
.nav-icon.nav-collapsed a span:before {  content: "\f00d";  }

/* side navigation*/
.side-nav{/* background: #e5e9ee; *//* margin: 5px; */}
.side-nav ul {list-style:none;display: block;margin-top: 86px;}
.side-nav ul li {position: relative;display: block;z-index: 1;}
.side-nav ul li a {border-bottom: 1px solid #eee;font-size: 1em;color: #d1a82b;/* font-weight: bold; */position: relative;display: block;padding: 8px 5px;}
.side-nav ul li:last-child a { border:0;}
.side-nav ul li a:hover {background: #d1a82b;color: #FFF;}


/*news*/
.jsnews_171{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 25px;
    }
.newsListBlock h2 {  color: #021f5b;  }
.newsListBlock .news, .LatestInfo {padding-bottom: 0;border-bottom: 1px solid #DDD;height: 100%;}
.newsListBlock .news:after {  content: "";  display: table;  clear: both;  }
.news-block .article  h3 {margin-bottom: 20px;font-weight: 500;font-size: 24px;padding: 0;color: #021f5b;text-align: left;}
.newsListBlock .news .news_content img{/* float:left; */max-width: 140px;margin-right: 15px;}
.newsListBlock .news .news_content .newsDesc {/* padding-left:15px; */}

.newsListBlock em {  line-height: 1.4em;  font-size: .98em;  color: #999;  }
.newsLetterSignup form input[type="email"]{background:#FFF;max-width: 90%;height: 50px;margin: 0;}
.newsLetterSignup form input[type=submit]{ background:#d1a82b;}

/*catalog*/
.department{padding:15px;border:1px solid #ddd;height:100%;display:flex;min-height: 100px;align-items:center;justify-content:center;background: #dc8a31;}
.department h4{font-size:1.2em;text-align: center;color: #fff;margin: 0;}
.department h4 a:hover{color:#333;}

.author { height:100%; border:1px solid #eee; text-align:center; padding:5px;}
.author img{ max-width:100%;}
.author h4{text-align:center;margin: 0;padding-top: 5px;}


/*footer*/
footer .nav-bar.nav-center {  text-align: left;  }
footer nav.nav-bar a:hover {  color: #333;  }

/* ====================paging ====================
   ================================================== */
.gallery_next_link{ float:right; }
.gallery_prev_link{ float:left;}
.gallery_next_link a, .gallery_prev_link a{display:inline-block;padding:5px 15px;font-weight:500;color: #333;border: 1px solid #333;}
.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_prev_link a:hover, .gallery_next_link a:hover{ background:#d1a82b; color:#FFF;}
.gallery_prev_link_inactive, .gallery_next_link_inactive{ display:none;} 

#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{ 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: #d1a82b;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:#d1a82b;text-decoration: none;color: #FFF;border: 1px solid #d1a82b;}    

#paging_links span a {color: #6e7b97;display: block;border: 1px solid #6e7b97;padding: 5px 15px;}
#paging_links span.next_link {width:auto;}




/* my orders */
.vieworders, .mydownloads { width: 100%; margin: 0;   }
.vieworders td, .vieworders th, .mydownloads td, .mydownloads th {  border: 1px solid #c19759; border-left: 0; border-right: 0;  padding: 3px 8px; text-align: center; }
.vieworders  th, .mydownloads th  { background: #f6f6f6; line-height: 30px;  }
.mydownloads td { padding: 8px 5px;  }

/* cart universal */
.carticon { position: absolute; top: 50px; right: 10px;  }
.carticon ul  { margin: 0;  padding: 0; list-style: none;  }
.carticon ul li { float: left; line-height: 1em;  padding: 0px 8px; border-right: 1px solid #999; }
.carticon ul li:last-child { border: 0px;  }
.carticon a { color: #333; }
#cartbuttons ul {list-style: none;padding: 0px;margin: 0px;text-align: center;}
#cartbuttons ul li {display: inline-block;margin: 3px 2px;}
#cartleft #cartbuttons ul li { float: none; display: inline-block; }
input.cancel {background: #CCC;border: 1px solid #BBB;color: #333;/* display: none; */}

#cartbuttons ul li .empty_cart, #cartbuttons ul li .update_cart, #returntocart {/* display:none; */}
.errmsg, .taoCMSerror, .taoCMSerror .msgcontent { color:red;}
/* checkout Login */
.checkout_login {width: 40%;float: left;padding: 2%;margin: 2% !important;display: block;}
.checkout_loginmsg { display: none; }
.logintitle {font-size: 1.3em;} 
.checkout_login p { font-weight: bold; font-size: 12px; }
.checkout_login div { margin: 5px 0px; }
.checkout_registration, .noaccount { text-align: center;  font-size: 1.2em;}
.checkout_registration, .noaccount {width: 350px;float: left;/* background: #FFFACD; */}
.checkout_registration {display:block;margin:2%;padding:15px;height: 320px;font-size: 1.6em;}

.billinginfoinput, .shippinginfoinput {max-width: 450px;margin: 10px 15px;float: left;}
.billinginfoinput table, .shippinginfoinput table{ margin: 0 auto;display: block;}
.billinginfoinput table tr td, .shippinginfoinput table tr td {min-width: 200px;}
.billinginfoinput table tr td input, .billinginfoinput table tr td select, .shippinginfoinput table tr td input, .shippinginfoinput table tr td select{ margin:2px;}
.additionalinfoinput:before{content:''; display:table; clear:both;}
.catalog_additionaloptions { clear:both;width: 87%;}
#billingis_exemptinput{margin: 0 3px;margin-bottom: 25px;margin-top: 7px;/* height: 30px; */}
.catalog_additionaloptions tr td:nth-child(1) {width: 220px;}

/* bliiing */
#billtable, #shiptable {width: 45%;margin: 15px 0;float: left;padding: 0;min-height: 150px;}
#paymentinvoice h3,#billtable h3, #shiptable h3, h3.productdiscountheading{font-size: 1.3em;margin: 0;color: #333;font-weight: 600;}
#additionaltable {float:none;width:100%;clear:both;margin: 10px 0;margin-bottom: 20px;}
#additionaltable .additionalfields { width:100%;}


.billingaddress { margin-bottom: 20px;   }
.billingaddress .name, .shippingaddress .name{ font-weight: bold;  }
#paymentcharge { float:none; width:100%; clear:both;}
.paymenttitle {margin-top: 15px;font-family: 'Roboto Slab', 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;}

#mail_payment_details .instructions, #paymentinstructions{margin:10px 0; background:#ffe8bd; padding:15px; border:1px solid #f5c260;}

#plugnpay_details span {display: block;vertical-align: top;}
#plugnpay_details .nameoncardlabel, #plugnpay_details .nameoncardinput {width: 100%;display: block;}

.cardnumber-block {width: 60%;float: left;margin-right: 8px;}
.codeoncard-block{width: 38%;float: left;} 
#plugnpay_details .cardnumber-block span, #plugnpay_details .codeoncard-block span{ display:block; }
.expireoncard-block { clear:both;}
.expireoncardlabel, .expireoncardinput{width:100%;}
.expireoncardinput select{ width:49%;}

#changeinfo {margin-top: 42px;}
#changeinfo:after{ content:''; display:table; clear:both; }
#changeinfo  ul {margin: 0;padding: 0;list-style: none;color: #2a4f81;}
#changeinfo  ul li  { float: left;  margin-right: 20px; }
#changeinfo  ul li:first-child{/* display:none; */}

#cartbuttons{/* float: right; */text-align: center;margin: 15px 0;clear: both;}

#returntocart a:before, #changeinfo  ul li:before {content:"\f177";font-family:FontAwesome;display:inline-block;font-size: 16px;margin-right:5px;}
#changeinfo  ul li:nth-child(3):before { content:"\f0f6"; font-family:FontAwesome; display:inline-block; margin-right:5px; }
#changeinfo{/* display:none; */float: left;}
#changeinfo  ul li a {color: #333;font-size: 15px;}
#paymentinvoice:after{content:''; display:table; clear:both; }
#payment_totalamount{float:none;clear:both;width:100%;margin: 10px 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;}
#paymentbuttons input{ margin-bottom:5px;}
/*Coupon codes*/
#cartcodes {margin: 25px 0;padding: 8px;background: rgba(0, 0, 0, 0.03);}
#cartcodes .errmsg{ color:#ffc107; }
.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;display: inline-block;margin-right: 3px;}
.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 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: none;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, .catalogcart th.qty, .catalogcart td.remove, .catalogcart th.remove {/* visibility: hidden; *//* width: 0px; *//* padding: 0; *//* font-size: 0; *//* border: 0; *//* line-height: 0; */}
.catalogcart td.qty span{/* border-right: 1px solid #DDD; *//* visibility: visible; *//* display: none; */}
.catalogcart td.unitprice{/* border-left:0; */}
.catalogcart td.qty input, .catalogcart td.remove input{/* display:none; */}
 
.catalogcart .itemname {padding-top: 5px;color: #333;text-align: left;padding-left: 25px;/* border-left: 0; *//* border-right: 0; */}
.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.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 p.name{ font-weight:bold;}
.catalogcart .price {color: #333;font-weight:bold;width: 100px;border-left: 0;}
.catalogcart .totalprice  { width: 120px;}
.catalogcart .oddrow { background: #FFF; }
.catalogcart .evenrow { background: #FFF; }
.carttotals { line-height: 30px; }
.multipleshippingchoices { margin-top: 20px; }




/* ====================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*/
 .footer-logo a {  display: inline-block;  vertical-align: top;  }
 .footer-logo a img {  max-height: 70px;  }
}

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

@media (min-width: 1200px) {  
  .logo {}
}

@media all and (min-width: 0px) and (max-width: 1260px) {  
  .logo {}
}

@media all and (min-width: 0px) and (max-width: 1199px) {  
  .HeaderMenu ul{  align-items: self-start;}
  .HeaderMenu ul#nav > li > a{font-size: 14px;}
  .sliderContent div.base div.caption p {margin: 0;line-height: 1.3em;}
}

@media all and (min-width: 0px) and (max-width: 1080px) {  
  #socail > span {  display: block;  line-height: normal;  }
  #socail li a:after {  line-height: normal;  font-size: 25px;  margin: 0 2px;  }
.cartMenu{top: 176px;}
.cartMenu ul:before {left: -66px;}
 }

@media all and (min-width: 0px) and (max-width: 991px) {  

.logoBlock { float:left;}
.logo {transition: max-height .3s ease;}
.Navigation__body{ display:none;}
.HeaderMenu>ul>li {  padding: 0 7px;  }
.Header.headBg .Navigation .mainNav > .container{margin-top: 0;}
.Navigation .HeaderMenu{  display: none;  }
#social, .searchBlock {float: right;margin: 10px 15px;}
#social ul {margin: 13px 0;}
.searchBlock {width: 100%;text-align:right;/* float: right; */margin: 0;}
.searchBlock form {margin: 5px 0;}

#TopNav.barNAv ul{margin-top: 28px;margin-bottom: 28px;}
#TopNav.barNAv ul li{padding: 0 5px;margin: 0;height: 50px;line-height: 50px;}
#TopNav.barNAv ul li span{font-size: 20px;line-height: 50px;}
span.searchBlock-toggler{background:none;color: #333;float: none;vertical-align: middle;}
.Header.headBg .Navigation .logoBlock .logo{max-height: 80px; */}
.Header.headBg .Navigation .navIcon{}
#social li{padding: 2px;}
.HeaderMenu{ margin:0;}
#TopNav.barNAv ul li span:before{ display:block; margin:0 auto;}
.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%;  }
.Header.headBg .NavbarToggle i {/* color: #d1a82b; */}
body.subpage .Header .sidebar__Close i , .Header.headBg .sidebar__Close i { color:#d1a82b;}
.subpageHeader-block{padding-top: 110px;}
 .searchBlock-collapse .search__body{ width:75%;}
.slider-block .container{max-width:none; width:100%;}
.event_date{font-size:20px; }
.events .event_date{font-size: 18px;}
.cartMenu{top: 110px;margin: 0;}
.productIndividual .image {border:0;} 
.productIndividual .image img{max-width: 380px;}
.productIndividual .details { padding:10px 0;}
}

 @media all and (min-width: 0px) and (max-width: 880px) {  
  .sliderContent div.base div.caption {/* -webkit-transform: translateY(-50%) translateX(-100%); */-ms-transform: translateY(-50%) translateX(-100%);/* transform: translateY(-50%) translateX(-100%); *//* left: 100%; *//* top: 50%; *//* float: none; */}
  .sliderContent div.base div.caption p {/* line-height: 1.3em; */}
 }

@media all and (min-width: 0px) and (max-width: 768px) { 
.page-content-block {  margin-top: 20px;  padding-top: 0px;  }
 /* header */
 .nav-top {  margin-top: 0;  }
 .nav-top li a {  padding: 8px 6px !important;  }
 .Header {padding: 0px 0;border: 0; }
 .Header .container {width: 100% !important;max-width: none;}
 .logoBlock{top: 0; }
 .logo {padding: 0;}
 .top-nav{min-width: 100%;float: none;}
 
 #social ul { text-align:center;}
 .navIcon {/* line-height: 60px; *//* height: 60px; */}
 #TopNav.barNAv ul{margin: 10px 0;}
 #TopNav.barNAv ul li{margin:0;padding: 0 2px;}
 #TopNav.barNAv ul li span{font-size: 18px;line-height: 50px;}
 #TopNav.barNAv ul li span:before{ font-size:18px;}
 .slider_block{height: 380px;}
 .Header.headBg .Navigation .mainNav .top-nav{margin-top: -48px;}
  .sliderContent div.base img {max-width: none;top: 0;}
  .sliderContent div.base .slideData .img img {max-height: 100%;margin: 0px 3px;}
 .sliderContent div.base div.caption div{margin:0 auto;width: auto !important;}
 .sliderContent div.base div.caption h1 {  font-size: 2.2em;  line-height: 1.4em;  font-weight: 600;  text-align: center;  margin: 0;  }
 .sliderContent div.base div.caption h2 {  font-size: 1.4em;  text-align: center;  }
 .sliderContent div.base div.caption h3 {font-size: 1.35em;margin: 0;}
 .sliderContent div.base div.caption h4 {font-weight: 400;text-align: center;margin: 0;}
 .sliderContent div.base div.caption .slidelink{text-align:center;}
 
 /* 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: #021f5b;  display: none;  }
 #main-navigation.navbar-block {  display: block;  }
.searchBlock-collapse .search__body{ width:95%;}
.subpageHeader-block{padding-top: 155px;}
 /* ====================nav bar==================== ================================================== */
 footer .footer-bg {  background-position: center bottom;  }
  .footer-nav ul li.group { width:50%;}
 .footer-nav > ul > li {  vertical-align: top;  }
 .footer-nav-block { clear: both;  }
 .footer-logo, .newsletter {  width: 100%;  float: none;  }

 /*Books Menu*/
 .booksMenu ul {text-align:center;margin-bottom: 15px;}
 .booksMenu ul li {display:inline-block;width: 48%;vertical-align: top;margin: 3px;text-align:left;border-bottom: 1px solid rgba(0, 0, 0, 0.1);background: rgba(209, 168, 43, 0.15);}  
 .booksMenu ul li a{background:none;border: 0;} 
 .booksMenu ul li.subdept>a {padding-bottom:3px;}
 .booksMenu ul li ul{border:0;margin:0;padding:0;padding-left: 20px;}
 .booksMenu ul li ul li{width:100%;margin: 0;border: 0;background: none;display: block;}
 .booksMenu ul li ul li a{padding:2px;/* padding-left: 10px; */background: none;display: block;}
 .booksMenu ul li ul li a span{font-size:13px;vertical-align: middle;}
 .booksMenu ul li ul li a:before{content:"\f111";font-size: 9px;width: auto;display: inline-block;vertical-align: middle;padding-right: 3px;}
 .featuredBook .info * { text-align:center;}
 }

@media (max-width: 639px) and (min-width: 0px) {  
.logo {padding: 0;/* max-height: 200px; */}
.nav-top {  display: none;  }
.slider_block{height: 300px !important;}
.sliderContent div.base .slideData {justify-content: space-between;align-items: center;}
.sliderContent div.base .slideData div.caption {-webkit-box-flex: 0;-ms-flex: 0 0 68%;flex: 0 0 68%;max-width: 68%;}
#slides .sliderContent div.base .img {-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
.cartMenu { top:100px;}
}

@media all and (min-width: 0px) and (max-width: 579px) {  
.Header .container {/* width: 100% !important; *//* padding:0 ; */}
.logo {margin: 0px auto;}
.top-nav {/* position:absolute; */top:0;left:0;width:100%;}
.logoBlock{text-align:center;margin: 0 auto;} 
 .logoBlock {top: 0;left: 0;}
 #social{/* float:none; *//* clear:both; *//* margin: 0; */}
 #social ul {text-align:right;margin: 0;}
 .navIcon {line-height: 75px;height: 75px;}
 .searchBlock{ width:100%; float:none;}
#TopNav.barNAv ul li{float:none;display: inline-block !important;height: auto;line-height: unset;padding: 10px 2px;}
#TopNav.barNAv ul li span{line-height: unset;}

.logo {/* max-height: 70px; */} 
#TopNav.barNAv ul li span:before{ display:block; margin:0 auto;}
.Header .Navigation .navIcon{margin: 0;}
#social li.phone a span {font-size:16px; }
.subpageHeader-block{padding-top: 120px;}

.slider_block{height: 560px !important;}
.sliderContent div.base .slideData {flex-wrap: wrap;align-items: flex-start;}
.sliderContent div.base .slideData div.caption {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
#slides .sliderContent div.base .img {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;height: auto;text-align: center;}
.sliderContent div.base .slideData .img img {max-height: 320px;width:auto;top: auto;-webkit-transform: none;-ms-transform: no;transform: none;margin: 0 auto;}

.sliderContent div.base img{ width:100%;display:block; margin:0 auto;}
.sliderContent div.base .sliderData{}
.sliderContent div.base div span.date{font-size: 12px;font-weight: 500;}
.sliderContent div.base div.caption h1 {  font-size: 1.8em;  }
.sliderContent div.base div h2 {  font-size: 1.4em;  line-height: 1.4em;  }
.sliderContent div.base div h3 {font-size: 1.6em;border: 0;margin: 0;padding: 0;}
.sliderContent div.base div.caption h4 {}
.sliderContent div.base div.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;  }
.feature-blocks h3 {  width: auto;  font-size: 1.4em;  line-height: 1.2em;  }
.feature-blocks p {  width: auto;  font-size: .90em;  }
footer .footerMenu, footer .contact {  float: none;  }
.footer-nav {margin-bottom: 0;}
.footer-nav > ul {  display: block;  width: 100%;  }

.footer-nav > ul > li, .footer-nav ul li a {display: block;}
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;  }
.blogs  .blog{ display:block !important;}
.blog .image img{ max-width:100%;}
.staffrow{ text-align:left;}
.smokyPage header .smokyHeader h2 {font-size: 2em;line-height: 58px;display: block;padding-right: 70px;}
.smokyPage header .bacKBtn {left:auto;right:0;top:0;float: right;width: auto;}
.smokyPage header .bacKBtn a {font-size: 14px;font-weight: normal;} 

.cartMenu { top:85px;}
 }

@media all and (min-width: 0px) and (max-width: 460px) {  
.Header .container {/* width: 100% !important; *//* padding:0; */}
#TopNav.barNAv, #TopNav.barNAv ul, .logoBlock{/* float:none; *//* width:100%; */text-align:center;margin: 0 auto;} 
#TopNav.barNAv ul li{float:none;display:inline-block;height: auto;line-height: unset;padding: 10px 2px;}
#TopNav.barNAv ul li span{line-height: unset;}
.nav-top {  position: relative;  text-align: right;  }
.topnav.barNAv { display:none;}
.logo{/* max-height:150px; */}
#socail > span {  display: inline-block;  vertical-align: middle;  font-family: 'Lato', sans-serif;  font-size: 11px;  }
#social li{ padding:2px;}
.Header.headBg .Navigation .mainNav .top-nav{margin-top: -74px;}
.intro-text{ margin:0; padding:0;}
.footer-nav ul#footnav {display:block;}
.footer-nav ul li.group{width:100%;display:block;text-align: left;}

#social li a:before, #social li>span:before {font-size: 24px;width: 40px;height: 40px;line-height: 40px;}

.booksMenu ul { display:none;}
.booksMenu.homeMenu{margin-bottom: 25px;}
.booksMenu.homeMenu h3 a{font-size:1.8em;padding:8px;text-align: center;display: block;}
.jsnews_171 { margin:0;}
.newsListBlock .news .news_content .newsBody {flex-wrap: wrap;}
.newsListBlock .news .news_content img { max-width:100%; display:block; margin:10px auto;}
.productIndividual .image img { max-width:100%;}
.codeoncard-block, .cardnumber-block { width:100%;}
#changeinfo ul li { float:none; width:100%; margin-bottom:5px; }
#billtable, #shiptable {margin-bottom: 20px;width:100%;float: none;}
.promocodes{ margin-bottom:20px;}
.catalog.codeinput input[type="text"] {width: 100%;margin-bottom: 5px;}
}

@media all and (min-width: 0px) and (max-width: 380px) {  
.slider_block {min-height: 100% !important;height: 640px !important;}
#social li.phone{}
#social li.phone a{ text-align:center;}
.Header .Navigation .navIcon{margin: 9px 0px;}
.Header.headBg .Navigation .mainNav .top-nav{margin-top: -80px;}
.searchBlock-collapse .search__body{width: 99%;padding: 40px 5px;}
.searchBlock-collapse .search__body input[type=submit]{padding: 14px 8px;font-size: 12px;}
.searchBlock-collapse .search__body input[type=text]{padding-left: 6px;padding-right: 80px;}
.subpageHeader-block{padding-top: 160px;}
.footer-nav > ul > li {  display: block;  width: auto;  }

#social { float:left;}
#social li a:before, #social li>span:before,  {width: 40px;height: 40px;font-size:24px;line-height: 40px;}
.navIcon {height: 74px;line-height: 74px;margin: 0;}
.Header .row > div{-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.logoBlock { float:none;}
.cartMenu{top: 0;margin: 0;z-index: 999;}
ul.tabs li{padding: 0 5px;font-size: 12px;}
#cartbuttons ul li {display:block;margin-bottom: 6px;}
#cartbuttons ul li input{ width:100%;}
.cartMenu ul {padding-top: 48px;right: -172px;z-index: 999;}
.cartMenu ul:before{width:48px;height:48px;font-size: 2em;line-height: 48px;}

}

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