@charset "UTF-8";

/* general stuff */

body,button,input,textarea {
    /* color: #43454b; */
    color: #4c4c4c;
    
    font-family: "Helvetica Neue", Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 1.618;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-weight: 400
}



body {
    font-family: "Helvetica Neue",Helvetica,Arial,"Lucida Grande","游ゴシック体", YuGothic, "YuGothic M",'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo', sans-serif;
	background: #efefef;
	font-size: 14px;
    /* color: #6d6d6d; */
    color: #4c4c4c;
	overflow-x: hidden;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    font-weight: normal;
    font-variant: normal;
	word-wrap: break-word;
	overflow-x: hidden;
	margin: 0;
	display: block;
}

* {
    box-sizing: border-box !important;
}



select {
    color: initial;
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
    color: #131315
}


h2 {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 2em;
    line-height: 1.214;
    clear: both;
    font-weight: 300;
    margin: 0 0 .5407911001em;
}
h3 {
    margin: 0 0 0em !important;
    line-height: 1.418;
}
table {
    border-collapse: collapse;
    border-spacing: 0
}

td,th {
    padding: 0
}

textarea {
    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
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 0 0 1.41575em
}

p {
    margin: 0 0 1.41575em
}

ol,ul {
    margin: 0 0 1.41575em 3em;
    padding: 0
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,li>ul {
    margin-bottom: 0;
    margin-left: 1em
}

dt {
    font-weight: 600
}

dd {
    margin: 0 0 1.618em
}

b,strong {
    font-weight: 600
}

cite,dfn,em,i {
    font-style: italic
}

blockquote {
    padding: 0 1em;
    border-left: 3px solid rgba(0,0,0,.05);
    font-style: italic
}

address {
    margin: 0 0 1.41575em
}

pre {
    background: rgba(0,0,0,.1);
    font-family: "Courier 10 Pitch",Courier,monospace;
    margin-bottom: 1.618em;
    padding: 1.618em;
    overflow: auto;
    max-width: 100%
}

code,kbd,tt,var {
    font-family: Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
    background-color: rgba(0,0,0,.05);
    padding: .202em .5407911001em
}

abbr,acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,mark {
    text-decoration: none;
    font-weight: 600;
    background: 0 0
}

sub,sup {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

small {
    font-size: 75%
}

big {
    font-size: 125%
}

figure {
    margin: 0
}

table {
    margin: 0 0 1.41575em;
    width: 100%
}

img {
    height: auto;
    max-width: 100%;
    display: block
}

a {
    color: #0C60AC;
    text-decoration: none;
    font-weight: 400
}

a:focus {
    outline: 1px dotted #96588a
}

/* header section */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -90px;
	background: url(/css/img/main-bg.gif) repeat-y center;
    max-width: 900px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.1); 
    overflow-x: hidden;
	}

/* search bar */
.product_search form:before, .product_search form:before{
    clear: left;
	right: 1em;
}

.header-widget-region .widget{
	margin-top: 3px;
	padding: 20px;
}

.product_search {
	background: #000000;
	margin-top:3px;
	margin-bottom: 0;
}

.product_search form{
	position: relative;
	display: block;
    margin-top: 0em;
}

.product_search form input[type="submit"], .product_search form button[type="submit"]{
    top: 0;
	left: auto;
    right: 0 !important;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
	background-color: #febd69;
    width: 55px;
	clip: inherit;
	text-align:center;
	padding:0;
	font: normal normal normal 20px/1 FontAwesome;
	font-size:250%;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	text-shadow: none;
    display: inline-block;
	outline: 0;
	border: none !important;
}

.product_search form:before{
	content: "";
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    position: absolute!important;
}


.product_search input[type=search] {
	width: 100%;
	padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b !important;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    font-weight: 400;
	display: inline-block;
	font-size: 140%;
	padding: .6180469716em;
	padding-left: 1.5em !important;
    border: none !important;
}

.ja .product_search input[type=search] {
    font-size: 120%;
}

.header-widget-region,.site-content{
	-webkit-tap-highlight-color:transparent
}
.site-header{
	/* background-color:#2c2d33; */
	/* padding-top:1.618em; */
	/* padding-bottom:1.618em; */
	padding-bottom: 0px;
	color:#9aa0a7;
	background-position:center center;
	position:relative;
	z-index:999;
	border-bottom:1px solid transparent
}
.site-header .custom-logo-link,.site-header .site-logo-anchor,.site-header .site-logo-link{
	display:block
}
.site-header .custom-logo-link img,.site-header .site-logo-anchor img,.site-header .site-logo-link img{
	max-width:210px
}
.site-header .custom-logo-link,.site-header .site-branding,.site-header .site-logo-anchor,.site-header .site-logo-link{
	margin-bottom:0;
	float:left
}
.site-header .widget{
	margin-bottom:0
}
.home.blog .site-header,.home.page:not(.page-template-template-homepage) .site-header,.home.post-type-archive-product .site-header{
	margin-bottom:4.235801032em
}
.no-wc-breadcrumb .site-header{
	margin-bottom:4.235801032em
}
.no-wc-breadcrumb.page-template-template-homepage .site-header{
	margin-bottom:0
}
.header-widget-region{
	position:relative;
	z-index:99
}
.site-branding .site-title{
	font-size:2em;
	letter-spacing:-1px;
	margin:0
}
.site-branding .site-title a{
	font-weight:700
}
.site-branding .site-description{
	font-size:.875em;
	display:none
}


/* the account menu */



@media (min-width: 769px) {
    .account-navigation {
        width: 21%;
        float: left;
        margin-right: 4%;
        }


    .mobile {
        display: none;
    }

    
}

@media screen and ( max-width: 768px ), screen and (max-device-width : 768px) and (-webkit-device-pixel-ratio : 3) {

    html, body {
        font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande","游ゴシック体", YuGothic, "YuGothic M",'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', 'Meiryo', sans-serif;
    }

    .site-header .burger_menu {
        display: block;
        background: rgb(203,230,221);
        height: 4em;

    }
    .burger_menu .langflaglink{
        float: left;
        margin: 0.5em;
        border: 1px solid #aaa;
    }

    .account-navigation {
        width: 100%;
        margin-right: 0;
        float: none;
        background: #fff;
        position: relative;
    }

    .ja .product_search input[type=search] {
        font-size: 90%;
    }
}
    
    .account-navigation ul {
        margin-left: 0;
        border-top: 1px solid rgba(0,0,0,.05);
        padding-left: 0;
        font-size: 14px;
    }
    
    .account-navigation ul li {
        list-style: none;
        border-bottom: 1px solid rgba(0,0,0,.05);
        position: relative;
    }
    
    
    .account-navigation ul li a {
        padding: .875em 0;
        display: block;
        color: #0C60AC;
        text-decoration: none;
        font-weight: 400;
        font-family: Helvetica, Arial, sans-serif;
        text-align: left;
    }
    .account-navigation a:before {
        display: inline-block;
        font-family: "Font Awesome 5 Free";
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        line-height: 1.618;
        margin-left: 0.5407911001em;
        width: 1.41575em;
        text-align: center;
        float: right;
        font-weight: 900;
        opacity: 0.25;
    }
    
    .account-navigation a:hover:before, .is-active a:before {
        opacity: 1.0;
    }
    .account-navigation .account-index a:before {
        content: "\f05a";
    }
    .account-navigation .account-codes a:before {
        content: "\f02a";
    }
    .account-navigation .account-dashboard a:before {
        content: "\f3fd";
    }
    .account-navigation .account-messages a:before {
        content: "\f01c";
    }
    .account-navigation .about-you a:before {
        content: "\f007";
    }
    .account-navigation .account-link-addresses a:before {
        content: "\f015";
    }
    .account-navigation .account-link-orders a:before {
        content: "\f291";
    }
    .account-navigation .account-link-deliveries a:before {
        content: "\f0d1";
    }
    .account-navigation .account-link-invoices a:before {
        content: "\f571";
        font-size: 16px;
    }
    .account-navigation .account-link-password a:before {
        content: "\f21b";
        font-size: 16px;
    }
    .account-navigation .account-link-language a:before {
        content: "\f1ab";
        font-size: 16px;
    }
    .account-navigation .account-link-cart  a:before {
        content: "\f07a";
        font-size: 16px;
    }
    .account-navigation .account-link-account  a:before {
        content: "\f2bd";
        font-size: 16px;
    }
    .account-navigation .account-link-account  a:before {
        content: "\f2bd";
        font-size: 16px;
    }
    .account-navigation .account-link-logout  a:before {
        content: "\f2f5";
        font-size: 16px;
    }

    
    @media (max-width: 768px) {

        #main-navi{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            opacity: 0.95;
        }

        #main-navi ul{
            height: 10000px;
            margin: 20px 10px;
        }






    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
  }
  
  /* Button styling */
  .menu-toggle {
    /* display: inline-block; */
    /* padding: .75em 15px; */
    /* line-height: 1em; */
    /* padding: 5px; */
    font-size: 3em;
    color: #fff;
    float: right;
    /* color: #888; */
    /* background: #eee; */
    /* border-radius: 3px; */
    /* clear: both;  */
    margin: 0.15em 0.2em;
}
  
  .menu-toggle:hover,
  .menu-toggle:focus {
    color: #c00;
  }


  
  /*
   Default styles + Mobile first
   Offscreen menu style
  */


  .account-navigation {
    position: absolute;
    display: none;
    left: -200px;
    top: 0;
    height: 100%;
    overflow-x: visible;
    transition: left 0.3s ease;
    box-shadow: 0.3s ease;
    z-index: 999;
  }
  
  
  .account-navigation .menu-close {
    /* position: absolute;
    right: 0;
    top: 0; */
    display: block;
    width: 100%;
    text-align: right;
    margin: 0 0 20px 0;
    padding: 10px 10px 0px 0;
    font-size: 20px;
    color: #c00;
    z-index: 99;
  }
  
  /*
   On small devices, allow it to toggle...
  */
  /*
   :target for non-JavaScript
   [aria-expanded] will be used if/when JavaScript is added to improve interaction, though it's completely optional.
  */
  .account-navigation:target,
  .account-navigation[aria-expanded="true"] {
    display: block;
    left: 0;
    outline: none;
    /*-moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
    -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
    box-shadow: 3px 0 12px rgba(0,0,0,.25); */
  }
  
  .account-navigation:target .menu-close,
  .account-navigation[aria-expanded="true"] .menu-close {
    z-index: 99;
  }

 

  body:has( .account-navigation[aria-expanded="true"] ) {
      overflow: hidden;
  }


  .account-navigation[aria-expanded="false"] .account-navigation-toggle {
      margin-top: 1em;
  }


  
  .account-navigation:target ul,
  .account-navigation[aria-expanded="true"] ul {
    position: relative;
    z-index: 1000;
  }
  
  .navigation:target .menu-toggle{
      display: none;
  }

  /* 
   We could us `.account-navigation:target:after`, but
   it wouldn't be clickable.
  */
  .account-navigation:target + .backdrop,
  .account-navigation[aria-expanded="true"] + .backdrop{
    position: absolute;
    display: block;  
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    background: #000;
    background: rgba(0,0,0,.85); 
    cursor: default;
  }


 
  
  @supports (position: initial) {
    .account-navigation,
    .account-navigation:target + .backdrop,
    .account-navigation[aria-expanded="true"] + .backdrop{
      position: initial;
    }
  }
  
  /*
   Larger screen styling
   Horizontal menu
  */
  @media (min-width: 769px) {
    .menu-toggle,
    .account-navigation .menu-close {
      display: none;
    }
    
    /* Undo positioning of off-canvas menu */
    .account-navigation {
      position: relative;
      left: auto;
      top: auto;
      height: auto;
      display: block;
    }
    
    .account-navigation ul {
     
      padding: 0;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
      height: auto;
      width: auto;
      background: none;
    }
    
    .account-navigation a {
      color: #06c;
      border: 0 !important; /* Remove borders from off-canvas styling */
    }
    
    .account-navigation a:hover,
    .account-navigation a:focus {
      background: none; /* Remove background from off-canvas styling */
      color: #c00;
    }

  }
  
  /*
   Demo purposes only
  */
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  
  

/* the account menu end */




.site-main{
	margin-bottom:2.617924em
}
.site-content{
	outline:0
}

.primary-navigation{
	display:none
}
.main-navigation:after,.main-navigation:before{
	content:"";
	display:table
}
.main-navigation:after{
	clear:both
}
.main-navigation div.menu{
	display:none
}
.main-navigation div.menu:last-child{
	display:block
}
.main-navigation .menu{
	clear:both
}
.handheld-navigation,.main-navigation div.menu>ul:not(.nav-menu),.nav-menu{
	overflow:hidden;
	max-height:0;
	-webkit-transition:all,ease,.8s;
	transition:all,ease,.8s
}
.handheld-navigation{
	clear:both
}
.handheld-navigation ul{
	margin:0
}
.main-navigation.toggled .handheld-navigation,.main-navigation.toggled .menu>ul:not(.nav-menu),.main-navigation.toggled ul[aria-expanded=true]{
	max-height:1750px
}
.main-navigation ul{
	margin-left:0;
	list-style:none;
	margin-bottom:0
}
.main-navigation ul ul{
	display:block;
	margin-left:1.41575em
}
.main-navigation ul li a{
	padding:.875em 0;
	display:block;
	font-size: 14px;
}
.main-navigation ul li a:hover{
	color:#e6e6e6
}
.site-main nav.navigation{
	clear:both;
	padding:2.617924em 0
}
.site-main nav.navigation:after,.site-main nav.navigation:before{
	content:"";
	display:table
}
.site-main nav.navigation:after{
	clear:both
}
.site-main nav.navigation .nav-next a,.site-main nav.navigation .nav-previous a{
	display:inline-block;
	-webkit-transition:all,ease,.3s;
	transition:all,ease,.3s;
	padding:.6180469716em 1em;
	border-radius:3px
}
.site-main nav.navigation .nav-previous{
	float:left;
	width:50%
}
.site-main nav.navigation .nav-previous a:hover{
	-webkit-transform:translate(-1em);
	-ms-transform:translate(-1em);
	transform:translate(-1em)
}
.site-main nav.navigation .nav-next{
	float:right;
	text-align:right;
	width:50%
}
.site-main nav.navigation .nav-next a:hover{
	-webkit-transform:translate(1em);
	-ms-transform:translate(1em);
	transform:translate(1em)
}
.main-navigation ul, .secondary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
	display: block;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu {
    max-height: none;
    overflow: visible;
}
.main-navigation .menu {
    clear: both;
}

#slider, #slider div{
	box-sizing: unset !important;
}

/* top menu */
#site-navigation {
	width: 100%;
	margin: 0;
}
#menu-top-menu li.menu-item  {
	 width:25%;
	 border-right: 3px solid #ffffff;
	 background: rgb(16,127,127);
	 float:left;
}
ul.nav-menu>li:last-child, #menu-top-menu li:last-child {
	 border-right: none !important;
}


.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
	 padding: 0.6em;
	 color: #ffffff;
	 font-weight:bold;
	 text-transform: uppercase;	
	 font-size: 160%;
}
.main-navigation ul.menu, .main-navigation ul.nav-menu{
	 background: #013B6D;
}
ul.menu li.current-menu-item{
	background: #83054C !important;
}

ul.menu li.current-menu-item > a{
	color: white !important;
}

.primary-navigation {
	display:block;
}
.main-navigation div.menu:last-child {
	display:none;
}

.main-navigation ul.menu>li:first-child, .main-navigation ul.nav-menu>li:first-child {
	margin-left: 0;
}

.handheld-navigation, button.menu-toggle {
	display:none !important;
}
#menu-top-menu li.menu-item a{
	text-align:center;
}

/* search bar */
.widget_search form:before, .product_search form:before{
    clear: left;
	right: 1em;
	position: absolute;
	top: 1em;
	left: 1em;
}

.header-widget-region .widget{
	margin-top: 3px;
	padding: 20px;
}

.product_search {
	background: rgb(203,230,221);
	margin-top:3px;
	padding: 20px;
}

form.eltbooks-product-search {
	margin-bottom: 0;
}
.product_search form input[type="submit"],.product_search form button[type="submit"]{
    top: 0;
	left: auto;
    right: 0 !important;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
	background-color: #febd69;
    width: 55px;
	clip: inherit;
	text-align:center;
	padding:0;
	font: normal normal normal 20px/1 FontAwesome;
	font-size:250%;
	text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	position: absolute;
	color: #333333;
}

.widget_search form:before, .product_search form:before{
	content: "";
}


/* general structure */
#content .col-full {
    padding: 0;
    margin-left: 2em;
    margin-right: 2em;
}


.clear:after, .clear:before, .comment-content:after, .comment-content:before, .entry-content:after, .entry-content:before, .site-content:after, .site-content:before, .site-footer:after, .site-footer:before, .site-header:after, .site-header:before {
    content: "";
    display: table;
}

/* the footer */
/* footer */
.site-footer {
	text-align:center;
	background-color:#fff;
	margin-bottom: 0;
    padding-bottom: 0;
    clear: both;
}

.footer-widget-1, .footer-widget-2, .footer-widget-3, .footer-widget-4{
    background: black;
}

.site-footer .widget_nav_menu ul li:before {
    content: "";
	display:none;
}
.site-footer a:not(.button) {
	color:#fff;
}
.site-footer .col-full{
	margin:0;
	padding:0;
	color:#fff;
}

.footer-widgets{
	background: #000;
	color: #fff;
}

.site-footer .widget {
	margin: 0;
}

.footer-widgets.col-4 .footer-widget-1,.footer-widgets.col-4 .footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
	margin-right:0;
	width:25%;
	display:inline-block;
}

.footer-widgets.col-4 .footer-widget-1 ul,.footer-widgets.col-4 .footer-widget-4 ul,.footer-widgets.col-4 .footer-widget-3 ul{
	border-right: 1px dotted white;
}

.footer-widgets.col-4 .block.footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
	float:right;
	width:25%;
}

.site-footer .widget_nav_menu ul li {
	padding-left:0;
	margin-bottom:0;
    line-height:3em;
    list-style: none;
}

.site-footer ul{ 
    margin: 0 !important;
}
.site-footer li{
	border-bottom: 1px dotted white;
}
.site-footer .widget span, .site-footer .widget span {
	font-weight:bold;
	padding:0;
	border-bottom: 1px dotted white;
	line-height: 3em;
	margin-bottom:0;
    font-size: 130%;
    display: block;
}
.footer-widgets.col-4 .footer-widget-1 span, .footer-widgets.col-4 .footer-widget-1 span,
.footer-widgets.col-4 .footer-widget-4 span, .footer-widgets.col-4 .footer-widget-4 span,
.footer-widgets.col-4 .footer-widget-3 span, .footer-widgets.col-4 .footer-widget-3 span{
	border-right: 1px dotted white;
}
.site-footer ul li:last-child{
	border-bottom: none;
}
.site-footer .site-info{
	background:#fff;
	color:#000;
}

.footer-widgets {
	padding-top:0;
}

.footer-widgets.col-4 .block{
	margin-right: 0;
}

.site-info {
    padding: 2.617924em 0;
}


.site-footer #txtBox {
	  padding: 20px 0 40px 0;
      background-position: top;
      background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
      background-size: 5px 2px;
      background-repeat: repeat-x;
}
.storefront-handheld-footer-bar{
	display:none;
}
.footer-widgets.col-4 .footer-widget-1, .footer-widgets.col-4 .footer-widget-2, .footer-widgets.col-4 .footer-widget-3, .footer-widgets.col-4 .footer-widget-4 {
    margin-right: 0;
    width: 25%;
    display: inline-block;
}

.site-footer .widget span{
    font-weight: bold;
    padding: 0;
    border-bottom: 1px dotted white;
    line-height: 3em;
    margin-bottom: 0;
    font-size: 130%;
}



.input-text, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], textarea {
    padding: .6180469716em;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
}


.form-row .button {
    width: auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .added_to_cart, .widget a.button, .site-header-cart .widget_shopping_cart a.button {
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
}
.added_to_cart, .button, button, input[type=button], input[type=reset], input[type=submit] {
    border: 0;
    background: 0 0;
    background-color: #eeeeee;
    border-color: #eeeeee;
    color: #333333;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    outline: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .added_to_cart:hover, .widget a.button:hover, .site-header-cart .widget_shopping_cart a.button:hover {
    background-color: #d5d5d5;
    border-color: #d5d5d5;
    color: #333333;
}


label.inline {
    display: inline!important;
    margin-left: 1em;
}
.form-row input[type=checkbox], .form-row input[type=radio] {
    width: auto;
}


label em {
    color: #a94442;
}

@media (min-width: 769px) {
	.form-row-first {
   	 width: 47.8260869565%;
    	float: left;
    	margin-right: 4.347826087%;
	 	clear: both;
	}
	.form-row-last {
   	 width: 47.8260869565%;
    	float: right;
    	margin-right: 0;
    	margin-right: 0!important;
    }
    .form-row-wide {
        width: 95.652173913%;
        max-width: 95.652173913%;
        min-width: 47.8260869565%;
    	float: left;
    	margin-right: 4.347826087%;
	 	clear: both;
    }


    #contact_us .form-row-wide{
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        /* margin-right: !important; */
    }

    
    #rightbody {
        width: 72.9130434783%;
        float: left;
        margin-right: 0;
    }
}







/* header */
.site-header {
	border-bottom: none;
}




.site-header .col-full {
    position: relative;
}

.col-full {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}






#main {
    background: none;
    margin: 0 0 4.235801032em;
}


.account-feedback, #holiday{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-radius: 4px;

}
.account-feedback-success {

    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.account-feedback-error, #holiday {

    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.account-feedback-info {

    /* color: #31708f; */
    color:#8f6e31;
     background-color: #f5f7d9;
    /* background-color: #d9edf7; */
    /* border-color: #bce8f1;*/
    border-color: #f1efbc;


}

.entry-header {
	text-align: center;
	padding: 0 0 25px;
}

.account h1 {
	text-transform: uppercase;
	width: 100%;
	line-height: 1.8em;
	background-position: top, bottom;
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%), linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-size: 5px 2px, 5px 2px;
	background-repeat: repeat-x, repeat-x;
	text-align: center;
	color: #85014C;
	font-size: 190%;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
    margin: 0.7em 0 0 0;
    display: table;
    table-layout: fixed;
    overflow: hidden;
    vertical-align: -moz-middle-with-baseline;
}


.input-text, input[type=email], input[type=password], input[type=search], input[type=text], input[type=url], input[type=number], textarea {
    padding: .6180469716em;
    background-color: #f2f2f2;
    color: #43454b;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    font-weight: 400;
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 1.618;
}

input.telephone1, input.telephone2, input.telephone3 {
    width: 30%;
} 

label {
    display: block;
    font-weight: 400;
    color: #4c4c4c !important;
}

.field-icon {
    float: right;
    right: 10px;
    margin-left: -35px;
    margin-top: 16px;
    position: relative;
    z-index: 2;
  }

  .selectstyle {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
.selectstyle::-ms-expand {
	display: none;
}
.selectstyle:hover {
	border-color: #888;
}
.selectstyle:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}
.selectstyle option {
	font-weight:normal;
}



/* address section */

ul.sortables {
    list-style-type: none;
    margin: 0 2em 0 0;
}
address {
    /* margin: 0 0 1.41575em; */
    margin: 0 0 1em;
}

.defaultaddress {
    border: 3px solid #bbb;
}
.addressbox {
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #bbb;
}
header.address-title.title.title-large {
    font-size: 120%;
}
.loadingspinner {
    width: 100%;
    height: 150px;
    text-align: center;
    padding: 50px 0;
}
.addresses header.title a {
    margin-top: 0 !important;
}

@media (min-width: 769px) {
.addresses header.title a {
    float: right;
	}
}
@media (min-width: 769px) {
.addresses header.title a {
    display: block;
    width: 1em;
    height: 1em;
    text-indent: -9999px;
    position: relative;
    padding: 0.875em;
    margin-top: 0.6180469716em;
	}
}
@media (min-width: 769px) {
	.addresses header.title a:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f044";
    line-height: 1.618;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    text-indent: 0;
	}
}
.editaddress, .deleteaddress {
	display: none;
}



table.prettydatatable {
    border: 1px solid #888;
    margin: 0.3em 1em 1em 0;
    border-collapse: collapse;
    empty-cells: show;
  }
  table.prettydatatable th {
    border: 1px solid #888;
    padding: 0.5em;
    vertical-align: middle;
    background-color: #f8f8f8;
    font-weight: 600;
    line-height:1.1em;
  }
  table.prettydatatable td {
    border: 1px solid #888;
    padding: 0 0.5em 0 0.5em;
    vertical-align: middle;
    background-color: #fdfdfd;
    clear: both;
  }
  table.prettydatatable td .note {
    font-size:12px;
  }

  @media (max-width: 900px) {
        table.prettydatatable {
            font-size: .875em;
        }
}

.delivery-details .prettydatatable th {
    text-align: right;
}
.delivery-details ul, .delivery-details li,  .delivery-details .addressbox,  .delivery-details address{
    margin: 0;
    padding: 0;
    display: inline-block;
    border: none;
}

.faicon-before:before {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0.5407911001em;
}
.faicon-after:after {
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 0.5407911001em;
}

.view-item:after {
    content: "\f06e";
}
.return-item:before {
    content: "\f03a";
}
.more-item:before {
    content: "\f107";
}
.less-item:before {
    content: "\f106";
}
.track-item:after {
    content: "\f1e5";
}
.pdf-item:before {
    content: "\f1c1";
}
.cc-payment-item:before{
    content: "\f09d \f1f0";
}


.buttonlink {
    background-color:#efefef;
    border-color: #eeeeee;
    color: #333333;
    border: 0;
    cursor: pointer;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    outline: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 5px;
    padding: .4180469716em .875em;
    margin: 0.3em;
}

.ja .buttonlink {
    font-size: 13px;
}

.addresses .buttonlink{
    margin: 0.3em 0;

}
.return-item {
    margin-left:0px;
}
.order-summary-sentence {
    font-size: 14px;
    margin: 2em 0;
}

.dotted-line-on-top{
    background-position: top; 
    background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%); 
    background-size: 5px 2px; 
    background-repeat: repeat-x;
    padding-top: 1em;
}



.order-details .prettydatatable th {
    background:#073A6C;
    color:white;
    padding:5px;
    text-align:center;
    font-size: 100%;
}
.order-details .prettydatatable td,
.invoice-details .prettydatatable td,
.delivery-details .prettydatatable td
{
    padding: 0.5em 1em;
    background-color: inherit !important;
    text-align: center;
}

tr.order_item.odd {
    background-color: #ffffff !important;
}
tr.order_item.even {
    background-color: #e6e4e4 !important;
}

td.product-name {
    text-align:center; 
    vertical-align:middle; 
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}
.order-item-title {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.order-item-isbn {
    font-size: 90%;
    margin: 0;
}

.linkpackage {
    margin: 10px 0 0 0;
    padding: 7px 0 7px 7px;
    background: #D8D8D8;
    line-height: 1.2em;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    border: none;
    overflow: hidden;
}

.unpaid{
    font-weight: bold;
    color: #85014C;
}

.invoiceTotalCells{
    background: #9ACD32 !important;

}

.code-details .prettydatatable th {
    background:#073A6C;
    color:white;
    padding:5px;
    text-align:center;
    font-size: 100%;
}
.code-details .prettydatatable td
{
    padding: 0.5em 0.2em;
    background-color: inherit !important;
    text-align: center;
}

tr.code_item.odd {
    background-color: #ffffff !important;
}
tr.code_item.even {
    background-color: #e6e4e4 !important;
}

td.code-item-product-name{
    text-align:center; 
    vertical-align:middle; 
    font-family: 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;
}
.code-title {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.code-item-title {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
}
.code-item-isbn {
    font-size: 90%;
    margin: 0;
}
.code-details .prettydatatable .code_content_row td{
    text-align: left;
    font-weight:bold;

}
/* Checkout */ 

#customer_details fieldset{

    padding:0px !important;
    margin-bottom: -1.0em;
}
.checkout_add_new_address_helper{

    font-size:1.2em;

}
.checkout_new_insitution_code_purchase_pay_by_cc_warning{

    font-size:0.8rem;
    color:red;
    font-weight: bold;

}

.customer_shipping_address_checkout_radio_container,  .customer_invoice_address_checkout_radio_container{
    /* display: inline-block; */
    margin: 0 .25em 1.5em 0;
    padding: .125em .5em;
    background-color: transparent;
    float: left;
    margin-right: 20px;
    width: 48.5%;
    max-height: 150px;
    min-height: 130px;
    border: 1px solid #aaa;
    color: #555;
    position: relative;
}


.customer_shipping_address_checkout_radio_container.right, .customer_invoice_address_checkout_radio_container.right{
    float: right;
    margin-right: 0px;

}

#checkout h2 {
    margin-top: 1em;

}

*[class$='_helper']{
    font-size: 0.8rem;
}



.new_address_container{
    margin: 0 0 0.5em 0;

    padding: .125em 0;
    background-color: transparent;
    clear: both;
    display: block;
    width:  100%;
    height: auto;
   /* border: 1px solid #aaa; */
    display: inline-block;
    min-height: 70px;
}

/* .addaddresslink{
    margin-left: -0.5em !important;
} */

#customer_shipping_address_checkout_new_address_container, #customer_invoice_address_checkout_new_address_container{

    margin-top: -21px !important;
}

#customer_shipping_address_checkout_new_address_container.customer_address_checkout_radio-active, #customer_invoice_address_checkout_new_address_container.customer_address_checkout_radio-active{
    margin-top: 0px !important;
    padding: 10px;

}


.new_shipping_address_container input, .new_invoice_address_container input{
    background: #fff !important;
}


.customer_shipping_address_checkout_radio_container label, .new_shipping_address_container label, .customer_invoice_address_checkout_radio_container label, .new_invoice_address_container label{
    color: #555;
}


.customer_address_checkout_radio-active {
    color: #333;
    border: 2px solid #159a40;
}
.customer_address_checkout_radio-active label {
    font-weight: bold !important;

}
.customer_address_checkout_radio[type="radio"]{
	visibility:hidden;
	width:0px;
}

.account_page_info.addresspage_introduction{

    text-align:justify;
}

#new_customer_address_input_container input:not(.select-dropdown), #new_customer_shipping_address_input_container input:not(.select-dropdown), #new_customer_invoice_address_input_container input:not(.select-dropdown) {
    background: #f2f2f2;
    /*height: 2em; */
    padding: 1px 5px;
    /*max-width: 370px;*/
}

#new_customer_address_input_container .short_number_field_3, #new_customer_shipping_address_input_container .short_number_field_3,#new_customer_invoice_address_input_container .short_number_field_3 {
    max-width: 60px !important;
    float: left;
}
#new_customer_address_input_container .short_number_field_4, #new_customer_shipping_address_input_container .short_number_field_4, #new_customer_invoice_address_input_container .short_number_field_4 {
    max-width: 80px !important;
    float: left;
}
.dropdown-content{
    z-index: 10001 !important;
}
.form-row-wide .account_details input {
    max-width: 100%;
    padding: 0 10px !important;
}

.checkout input:not(.search-field), .checkout select, .select-dropdown {
    max-width: 400px;
}
#contact_us_order .select-dropdown {
    max-width: 100%;
}
/* .account_input .contact_us_subject{
    width:100%;
} */
.form-row-wide.form-row:not(.form-row-first):not(.form-row-last) .select-wrapper{
    width:100%;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #555 !important;
    opacity: 1; /* Firefox */
  }
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #555 !important;
  }
  
::-ms-input-placeholder { /* Microsoft Edge */
    color: #555 !important;
  }


@media (min-width: 769px) {
    /* .form-row-last input, .form-row-first input {
        max-width: 280px;
    }

    .form-row-last input, .form-row-last select {
        float: right;
    }

    .form-row-last label {
        margin-left: 10px;
    } */

    .checkout .form-row-last input, 
    .checkout .form-row-first input,
    .login-form .form-row-first input,
    .login-form .form-row-last input,
    #create_account .form-row-first input,
    #create_account .form-row-last input
     {
        max-width: 100%;
    }
    #upgrade_account .form-row-first input,
    #upgrade_account .form-row-last input
     {
        max-width: 100%;
    }


    }

@media (max-width: 900px) {
    .form-row-last input, .form-row-first input {
        max-width: 100%;
        }
    .customer_shipping_address_checkout_radio_container,  .customer_invoice_address_checkout_radio_container {
        width: 100%;
    }
    .form-row-last,  .form-row-first {
        display: inline-block;
        width: 100%;
    }
    .prettydatatable {
        max-width: 100%;
    }
    .prettydatatable td,  .prettydatatable th{
        padding: 0.3em 0.4em !important;
    }
   
    #content .col-full {
        padding: 0;
        margin-left: 1em;
        margin-right: 1em;
    }

   
}

#new_customer_address_input_container .zipfinderbutton, #new_customer_shipping_address_input_container .zipfinderbutton,  #new_customer_invoice_address_input_container .zipfinderbutton{
    margin-left: 20px; 
    display: inline-block !important;
    max-width: 80px;
    height: 3rem;
    padding: 0 10px;
    white-space: normal;
}

.account_field_error, .form-row em{
    color: #a94442;
    display: block;
}
.form-row label em{
    display: inline; 
    color: #a94442;
}

span.fieldhyphen {
    float: left;
    padding: 10px 10px;
}

.shippingaddresschooserlink,.invoiceaddresschooserlink  {
    position: absolute;
    bottom: 3px;
    right: 3px;
}
.addresschooserlink_deactivated{
    visibility:hidden;
    display: none;
}

.form-row:not(.form-row-first):not(.form-row-last) .select-wrapper{
    width: 47.8260869565%;
}

.materialize .select-wrapper .caret{
    z-index:10000 !important;
    right: 20px !important;
    pointer-events: none;
}

.materialize .dropdown-content.select-dropdown {
    top: 0 !important;
}

.materialize input, .materialize textarea, .materialize select {
    background-color: #efefef !important;
}

.materialize input:not([type]), .materialize input[type=text]:not(.browser-default), .materialize input[type=password]:not(.browser-default), .materialize input[type=email]:not(.browser-default), .materialize input[type=url]:not(.browser-default), .materialize input[type=time]:not(.browser-default), .materialize input[type=date]:not(.browser-default), .materialize input[type=datetime]:not(.browser-default), .materialize input[type=datetime-local]:not(.browser-default), .materialize input[type=tel]:not(.browser-default), .materialize input[type=number]:not(.browser-default), .materialize input[type=search]:not(.browser-default), .materialize textarea.materialize-textarea {
    padding-left: 10px !important;
    box-sizing: content-box;
    height: 3rem;
}

.materialize button, .materialize [type="button"], .materialize [type="reset"], .materialize [type="submit"] {
    border-radius: 4px;
    background-color: #d5d5d5 !important;
    height: 3rem;
    padding: 3px 10px;
    font-size: 16px;
    box-sizing: content-box;
}

.materialize button:hover, .materialize [type="button"]:hover, .materialize [type="reset"]:hover, .materialize [type="submit"]:hover {
    background-color: #333 !important;
    color: #fff;
}


.select-wrapper input.select-dropdown {
    padding-left: 10px !important;
    box-sizing: border-box !important;
}


.payment_methods {
    margin: 0!important;
    padding: 0!important;
    display: block;
}
.payment_methods li {
    list-style: none !important;
    margin-left: 0;
    position: relative;
}

.payment_methods li label {
    display: block;
    padding: 1.41575em;
    cursor: pointer;
}

.payment_methods li .payment-method-notice-caveat {
    padding: 1.41575em;
    background-color: #fafafa;
}

.payment_methods > li:not(.payment-method-notice) {
    background-color: #f5f5f5;
}

.payment_methods .payment-method-notice-caveat {
    display: none;
}
.payment_methods > li:not(.payment-method-notice):hover {
    background-color: #f0f0f0;
}

.place-order {
    padding: 1.41575em;
    margin-bottom: 0;
    float: none;
    width: 100%;
    margin-top: 2.617924em;
    background-color: #fafafa;
}
.place-order .account_submit_button {
    font-size: 1.41575em;
    width: 100%;
    /* background-color: #333333; */
    background-color: #159a40;
    border-color: #333333;
    color: #ffffff;
}
.place-order .account_submit_button:hover {
    background-color: #0e6129;
    border-color: #1a1a1a;
    color: #ffffff;
}

.addaddresslink{
    font-size:  14px;
}

#commentinput {
    height: 150px;

}


.materialize.loginlinks a{
    color: #039be5 !important;
}

a.login-new:before {
    content: "\f007";
    width: 30px;
}

a.login-upgrade:before {
    content: "\f4fc";
    width: 30px;
}
a.login-login:before {
    content: "\f2bd";
    width: 30px;
}

.plainloginlinks {
    display: none;
}

#contact_us_invoice .caret, #contact_us_order .caret{
    /* right: 40px !important; */
}

ul#sortable_shipping {
     margin: 0;
}

/* Hide HTML5 Up and Down arrows. */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

.not-signed-in-first-message, .addresspage_introduction{
    /* border: 1px dotted #888;
    padding: 10px; */
    margin: 10px 0 30px 0;
}

.sign_in_remember_me span{

    padding-left:26px !important;
}

.account_field_message {
    color: #3c763d !important;
    font-size: 12px;
}


.addresspage #new_customer_shipping_address_input_container input:not(.select-dropdown), .addresspage #new_customer_invoice_address_input_container input:not(.select-dropdown) {
    padding: 1px 5px;
}

.addresspage #new_customer_shipping_address_input_container .zipfinderbutton, .addresspage #new_customer_invoice_address_input_container .zipfinderbutton{
    margin-left: 10px;

}

.addresspage .deleteaddress {
    float: right;
    display: block;
    width: 1em;
    height: 1em;
    text-indent: -9999px;
    position: relative;
    padding: 0.875em;
    font-style: normal;
}

.addresspage .deleteaddress:before {
    content: "\f2ed";
    line-height: 1.618;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    text-indent: 0;
}

.addresspage #sortable_shipping li:only-child .deleteaddress{
    display: none;
}

.edit_account_details_caveat {
    font-size: 80%;
    color: #555;
    padding-right: 20px;
}

.otheruserbody {
    background: #f4524d;
}
.otheruser{
    width: 100%;
    background: #fee;
    text-align: center;
    font-size: 32px;
    padding: 1em;
    height: 100px;
    color: #fff;
    animation: progress-bar-stripes 2s linear infinite;
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    background-color: #f4524d;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px;
}
@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}


.paylink{
    font-size: 180%;
}

.paylink img{
    display: inline-block;
    height: 25px;
    vertical-align: middle;
}

.preventautodetect {
    pointer-events: none;
}

.preventautodetect > a {
    text-decoration:none; 
    color:inherit;
}

.fa-cc-paypal {
    color: rgb(0,112,186);
}

@media screen and ( min-width: 900px ) and ( max-width: 1024px ) {
    .addresses #new_customer_shipping_address_input_container input, .addresses #new_customer_invoice_address_input_container input{
        zoom: 0.9 !important;
    }
    .addresses #new_customer_shipping_address_input_container .zipfinderbutton, .addresses #new_customer_invoice_address_input_container .zipfinderbutton{
        font-size: 13px !important;
        max-width: 80px !important;
        white-space: normal;
    }
    .form-row-first {
        width: 49%;
        margin-right: 1.5%;
    }
    .form-row-last {
        width: 49%;
    }
    #new_customer_shipping_address_input_container .short_number_field_4,   #new_customer_invoice_address_input_container .short_number_field_4{
        max-width: 70px !important;
    }

}


@media screen and ( max-width:768px ), 
		screen and (max-device-width : 768px) and (-webkit-device-pixel-ratio : 3) {
	body, html{
		font-size: 13px;
	}
	.nav-menu{
		      overflow:visible;
	}
	#menu-top-menu li.menu-item{
		      display:inline-block;
		      width: 25%;
	}
	#menu-top-menu li.menu-item a {
			  font-size:11px;
	}	
	.handheld-navigation, .main-navigation div.menu>ul:not(.nav-menu), .nav-menu{
			  max-height: 42px;
			  overflow:hidden;
	}
	.site-header{
		padding-bottom:0;
	}
	.site-branding .site-description{
		display:block;
		font-weight:bold;
	}
	.main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
		padding: 0.6em 0em;
	 }
	 .product_search input[type=search]{
		font-size: 100%;
		width: 100%;
    }
    .main-navigation ul.menu>li>a, .main-navigation ul.nav-menu>li>a{
        padding: 0.6em 0em;
     }
     
     .footer-widgets.col-4 .footer-widget-1,.footer-widgets.col-4 .footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
         width:50%;
     }
     .footer-widgets.col-4 .block.footer-widget-2,.footer-widgets.col-4 .footer-widget-3,.footer-widgets.col-4 .footer-widget-4{
         float:right;
         width:50%;
     }
     .footer-widgets.col-4 .footer-widget-3, .footer-widgets.col-4 .footer-widget-1{
         float:left;
     }
     .footer-widgets.col-4 .footer-widget-4 ul, .footer-widgets.col-4 .footer-widget-4 .widget-title, .footer-widget-4 span{
         border-right: none !important;
     }
     .site-footer .site-info {
         clear: both;
     }
    .site-footer #txtBox {
         clear:both;
         background: white;
         padding: 20px 0 40px 0;
       background-position: top;
       background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
       background-size: 5px 2px;
       background-repeat: repeat-x;
     }

     .account h1 {
        font-size: 180%;
        background: none;
     }
     #product_search {
         display: none;
     }

     .site-branding {
         float: none !important;
         display: block;
         border-bottom: 1px solid #888;
         padding-bottom: 10px;
     }

     .desktop{
         display: none;
     }

     .ui-dialog{
        z-index: 10002;
        max-width: 95%;
        left: 5px !important;

     }
    
     .form-row:not(.form-row-first):not(.form-row-last) .select-wrapper{
        width: 100%;
    }

    .site-footer.ja .menu a {
        font-size: 70%;
    }

    #mainfooter .widget_nav_menu{
        border-bottom: 2px dotted white;
    }



}

.flag-language-toggler{
    float: right;
}

.order-total-label, .order-total{
    color: #000;
    font-weight: bold;
}

#teacher_type_other_block, #ordering_entity_institution_name_block, #customer_type_specify_block, #website_block {
    margin: 8px 0 0 1em;
    display: block;
}
#referrer_specify_block{
    margin: 8px 0 0 0em;
    display: block;
}
.shoppingCartCounter {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    padding: 1px;
    background: #f00;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: text-top;
	cursor: pointer;
    font-family: Helvetica, Arial, sans-serif;
    font-weight: normal;
}

@media screen and ( max-width: 900px ) {
    .shoppingCartCounter {
        width: 18px;
        height: 18px;
        padding: 0;
        font-size: 12px;
        vertical-align: text-bottom;
    }
}



@media print { 
    .dropdown-content{
        display: none;
    }
    .pagination li {
        display: inline-block;
    }

    .storefront-primary-navigation
    , .mobile
    , .header-widget-region
    , .footer-widgets
    , #receipt-details
    , .buttonlink
    , #account-navigation-toggle
    , .noprint {
      display: none;
    }
    .wrapper{
      box-shadow: unset;
      background: none;
      max-width: unset;
    }
    .entry-header{
      padding: 0;
    }
    body {
      background: none;
    }
    .site-main, #main {
      margin-bottom: 0px;
    }
}
.code_box{
	margin-top: 1.5em;
	/* margin-bottom: 1.5em; */
    font-weight:bold;

}


.jconfirm .jconfirm-box {
    background: white;
  
   width: 600px;
    max-width: 600px; 
    width: 98%;
}

.jconfirm{
  -webkit-transform: translate3d(0,0,0);
}
.jconfirm .row {
  display: block;
}

@media screen and ( max-width: 768px ) {
  .jconfirm .jconfirm-box {
    margin-left: 1%; 
    margin-right: 1%; 
    width: 99%;
    max-width: 99%;
}
}
.jconfirm .container {
 width: auto !important;
}

.jconfirm.jconfirm-white .jconfirm-box, .jconfirm.jconfirm-light .jconfirm-box {

    border-radius: 0px !important;
    border: 1px solid black;
    padding:0px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c {
    background-color: #004D7F;
    min-height:80px;
    color: white;
    display: table !important;
   padding-bottom:0px !important;
    padding-left:10px !important;
    font-size: 24px !important;
    width: 100% !important;;
   


}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title {
    font-weight: bold !important;

    display: table-cell !important;
    vertical-align: middle !important; 
    width:100% !important;
}
.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title.centered {
  text-align:center;
}

.jconfirm .jconfirm-box div.jconfirm-content-pane {
    margin-top:16px !important;
    padding-left:19px !important;
    padding-right:19px !important;
    color: black;
    margin-bottom: 20px !important;

}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content ul{
    margin-left:10px !important;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content ul li{
    margin-left:6px !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons button{
    color:black !important;
    min-width: 100px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;

    border: 1px solid black !important;
    background-color:white !important;
    border-radius:5px !important;
    margin-right:20px !important;
    font-size: 16px !important;
    text-transform: unset !important;
    margin-bottom:10px !important;
}
.jconfirm .jconfirm-box .jconfirm-buttons .confirmbutton{
    border: 1px solid white !important;
    box-shadow: 0px 0px 0px 6px #004D7F !important;

}
.jconfirm .jconfirm-box .jconfirm-buttons {
    margin-bottom:2px;
    margin-top:20px;
}

.jconfirm-closeIcon{
    background-color:black  !important;
    font-weight: bold !important;
    color:white !important;
    top:0px !important;
    right:0px !important;
    padding:5px !important;
    opacity:1.0 !important;
    width:30px !important;
    height:30px !important;
    font-size: 18px !important;
}

.jconfirm.jconfirm-white .jconfirm-bg, .jconfirm.jconfirm-light .jconfirm-bg {
    opacity: .5 !important;
}

.stock-oto-flag{
	font-size: 80%;
	font-weight: 200;
	line-height: 1.2em;
}