/* === GENERAL === */

body { font-family: arial,helvetica,sans-serif; margin: 0; padding: 0; }

a, a:visited { color: #31708f; text-decoration: none; outline: none; }

caption { color: #777; padding: 8px 0; text-align: left; }

h1,h2,h3 { font-family: Shift,serif; font-weight: 400; margin: 0; padding: 0; }
h4,h5,h6 { font-family: Fort,sans-serif; font-weight: 500; margin: 0; padding: 0; }

h1 { font-size: 34px; }
h2 { font-size: 30px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

iframe { border: none; overflow: hidden; }

img { border: none; border-style: none; }

p { margin: 0 0 12px; }

table { background-color: transparent; border-spacing: 0; border-collapse: collapse; }
td, th { padding: 0; text-align: left; }
table a, table a:visited { color: #31708f; }

.elem-center { margin: 0 auto; }
.elem-left { float: left; }
.elem-right { float: right; }
.elem-bfc { overflow: hidden; }
.elem-inline { display: inline-block; }
.elem-flex { display: flex; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-justify { text-align: justify; }

.text-20 { font-size: 20px; }
.text-12 { font-size: 12px; }

.blue { color: #8080ff; }
.green { color: #7fbe0c; }
.red { color: #dc3023; }

.block120 { height: 120px; }
.block100 { height: 100px; }
.block80 { height: 80px; }
.block70 { height: 70px; }
.block60 { height: 60px; }
.block50 { height: 50px; }
.block40 { height: 40px; }
.block30 { height: 30px; }
.block20 { height: 20px; }
.block10 { height: 10px; }

.mb40 { margin-bottom: 40px; }
.mb30 { margin-bottom: 30px; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }

.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }

.np { padding: 0; }
ul.np { padding: 0 0 0 15px; }

.spaced-1-4 { line-height: 1.4; }


/* === HEADER === */

header.navbar { background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.5); height: 64px; left: 0; position: fixed; top: 0; width: 100%; z-index: 11; }
header.navbar a { color: #000; }
header.navbar nav { background-color: #fff; height: 64px; position: relative; width: 100%; z-index: 12; }
header.navbar nav .logo { color: #555; font-family: Shift,serif; font-size: 24px; font-weight: 500; height: 64px; left: 20px; line-height: 64px; position: absolute; top: 0; }
header.navbar nav .logo img { margin-right: 8px; vertical-align: -12px; }
header.navbar nav ul.menu { list-style-type: none; margin: 0 0 0 280px; padding: 0 10px; text-align: left; }
header.navbar nav ul.menu li { display: inline-block; }
header.navbar nav ul.menu li a { color: #000; display: inline-block; height: 64px; line-height: 64px; padding: 0 15px; }
header.navbar nav ul.menu li a:hover { background-color: #ddd; color: #059aff; }
header.navbar nav label.mobilemenu-icon { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+DQo8cGF0aCBmaWxsPSIjMjMxZjIwIiBkPSJNMTUzLjM3LDIwNC44SDM1OC40NmExNy4wNywxNy4wNywwLDAsMCwwLTM0LjEzSDE1My4zN2ExNy4wNywxNy4wNywwLDAsMCwwLDM0LjEzWiIvPg0KPHBhdGggZmlsbD0iIzIzMWYyMCIgZD0iTTE1My4zNywyNzMuMDdoMjA0LjhhMTcuMDcsMTcuMDcsMCwwLDAsMC0zNC4xNEgxNTMuMzdhMTcuMDcsMTcuMDcsMCwwLDAsMCwzNC4xNFoiLz4NCjxwYXRoIGZpbGw9IiMyMzFmMjAiIGQ9Ik0zNTguNzEsMzA3LjIsMTUzLjQxLDMwN2gwYTE3LjA3LDE3LjA3LDAsMCwwLDAsMzQuMTNsMjA1LjMxLjE3aDBhMTcuMDcsMTcuMDcsMCwwLDAsMC0zNC4xM1oiLz4NCjxwYXRoIGZpbGw9IiMyMzFmMjAiIGQ9Ik00MDkuMzYsMzQxLjMzYTUxLjI2LDUxLjI2LDAsMCwxLTUxLjE5LDUxLjJIMTUzLjM3YTUxLjI3LDUxLjI3LDAsMCwxLTUxLjItNTEuMlYxNzAuNjdhNTEuMjcsNTEuMjcsMCwwLDEsNTEuMi01MS4yaDIwNC44YTUxLjI2LDUxLjI2LDAsMCwxLDUxLjE5LDUxLjJabS01MS4xOS0yNTZIMTUzLjM3QTg1LjQzLDg1LjQzLDAsMCwwLDY4LDE3MC42N1YzNDEuMzNhODUuNDMsODUuNDMsMCwwLDAsODUuMzMsODUuMzRoMjA0LjhhODUuNDMsODUuNDMsMCwwLDAsODUuMzMtODUuMzRWMTcwLjY3QTg1LjQzLDg1LjQzLDAsMCwwLDM1OC4xNyw4NS4zM1oiLz4NCjwvc3ZnPg==") no-repeat center center; background-size: contain; cursor: pointer; display: inline-block; height: 44px; margin: 10px; position: absolute; right: 0; top: 0; width: 44px; }
header.navbar nav label.mobilemenu-x { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj4KPHBhdGggZmlsbD0iIzIzMWYyMCIgZD0iTTM3Ni42IDg0LjVjMTEuMy0xMy42IDkuNS0zMy44LTQuMS00NS4xcy0zMy44LTkuNS00NS4xIDQuMUwxOTIgMjA2IDU2LjYgNDMuNUM0NS4zIDI5LjkgMjUuMSAyOC4xIDExLjUgMzkuNFMtMy45IDcwLjkgNy40IDg0LjVMMTUwLjMgMjU2IDcuNCA0MjcuNWMtMTEuMyAxMy42LTkuNSAzMy44IDQuMSA0NS4xczMzLjggOS41IDQ1LjEtNC4xTDE5MiAzMDYgMzI3LjQgNDY4LjVjMTEuMyAxMy42IDMxLjUgMTUuNCA0NS4xIDQuMXMxNS40LTMxLjUgNC4xLTQ1LjFMMjMzLjcgMjU2IDM3Ni42IDg0LjV6Ii8+Cjwvc3ZnPg==") no-repeat center center; background-size: contain; cursor: pointer; display: none; height: 28px; margin: 10px; position: absolute; right: 8px; top: 8px; width: 28px; }
header.navbar .mobilemenu { background-color: #1f2532; left: 0; max-height: 0; overflow: hidden; position: absolute; top: 64px; transition: max-height 0.5s linear; visibility: hidden; width: 100%; will-change: height, max-height; z-index: 12; }
header.navbar .mobilemenu ul { border-top: 1px solid #111; list-style: none; margin: 0; padding: 0; }
header.navbar .mobilemenu ul li { border-top: 1px solid #2f3542; border-bottom: 1px solid #111; text-align: left; padding: 0 20px; }
header.navbar .mobilemenu ul li a { display: block; padding: 16px 0; }
header.navbar .mobilemenu ul li a, header.navbar .mobilemenu ul li a:visited { color: #fff; }
@media all and (max-width: 900px) { header.navbar nav ul.menu { display: none; } }
header.navbar .mobilemenu-checkbox { margin: 0; opacity: 0; padding: 0; position: absolute; right: -20px; top: 0; }
header.navbar #mobilemenu-overlay { background-color: rgba(0,0,0,0.98); height: 100vh; display: none; position: absolute; width: 100vw; z-index: 10; }
header.navbar #mobilemenu-button:checked ~ nav label.mobilemenu-icon { display: none; }
header.navbar #mobilemenu-button:checked ~ nav label.mobilemenu-x { display: inline-block; }
header.navbar #mobilemenu-button:checked ~ #mobilemenu-overlay { display: block; }
header.navbar #mobilemenu-button:checked ~ .mobilemenu { max-height: 1000px; visibility: visible; }
header.navbar .google-auto-placed { display: none; }


/* === FOOTER === */

footer { background-color: #f5f5f5; margin: 60px 0 0; }
footer .promo-strip { background-color: #444; color: #fff; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; }
footer .footer-links { display: flex; flex-wrap: wrap; justify-content: space-around; margin: 0 auto; max-width: 940px; padding: 20px; }
footer .footer-links ul { list-style: none; margin: 0; padding: 0; }
@media all and (max-width: 767px) { footer .footer-links ul { margin-bottom: 20px; width: 100%; } }
footer .footer-links ul li { line-height: 2em; }
footer .footer-links ul li a, footer .footer-links ul li a:visited { color: #646464; }
footer .footer-links ul li a:active, footer .footer-links ul li a:hover { color: #f60; }
footer .footer-links h6 { color: #000; font-size: 16px; font-weight: 700; }
footer .footer-bottom { background-color: #fff; font-size: 12px; line-height: 40px; text-align: center; }


/* === LAYOUT === */

.container { margin: 0 auto; padding: 0 20px; }
@media (min-width: 576px) { .container { width: auto; } }
@media (min-width: 768px) { .container { width: 720px; } }
@media (min-width: 992px) { .container { width: 940px; } }
@media (min-width: 1200px) { .container { width: 940px; } }
/* .container.product { margin: 0 auto 80px; } */
main.container.product { background-color: #fff; margin: 0 auto 80px; padding: 0; }

.container-fluid { margin: 0 auto; padding: 0 15px; }

.banner-top { background-color: #f6f6f6; font-family: Shift,serif; font-size: 30px; font-weight: 300; margin-bottom: 20px; padding: 15px 0; }


/* === BOOTSTRAP COLUMNS === */

.columns,.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12,
.col-xl,.col-xl-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,
.col-lg,.col-lg-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,
.col-md,.col-md-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,
.col-sm,.col-sm-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
{box-sizing:border-box;padding:0 15px;width:100%;}

.col{flex-basis:0;flex-grow:1;max-width:100%;}
.col-auto{flex:0 0 auto;max-width:none;width:auto;}
.col-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-3{flex:0 0 25%;max-width:25%;}
.col-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-6{flex:0 0 50%;max-width:50%;}
.col-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-9{flex: 0 0 75%;max-width:75%;}
.col-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-12{flex:0 0 100%;max-width:100%;}
.offset-1{margin-left:8.3333333333%;}
.offset-2{margin-left:16.6666666667%;}
.offset-3{margin-left:25%;}
.offset-4{margin-left:33.3333333333%;}
.offset-5{margin-left:41.6666666667%;}
.offset-6{margin-left:50%;}
.offset-7{margin-left:58.3333333333%;}
.offset-8{margin-left:66.6666666667%;}
.offset-9{margin-left:75%;}
.offset-10{margin-left:83.3333333333%;}
.offset-11{margin-left:91.6666666667%;}

@media (min-width: 576px) {
.col-sm{flex-basis:0;flex-grow:1;max-width:100%;}
.col-sm-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-sm-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-sm-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-sm-3{flex:0 0 25%;max-width:25%;}
.col-sm-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-sm-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-sm-6{flex:0 0 50%;max-width:50%;}
.col-sm-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-sm-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-sm-9{flex:0 0 75%;max-width:75%;}
.col-sm-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-sm-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-sm-12{flex:0 0 100%;max-width:100%;}
.offset-sm-0{margin-left:0;}
.offset-sm-1{margin-left:8.3333333333%;}
.offset-sm-2{margin-left:16.6666666667%;}
.offset-sm-3{margin-left:25%;}
.offset-sm-4{margin-left:33.3333333333%;}
.offset-sm-5{margin-left:41.6666666667%;}
.offset-sm-6{margin-left:50%;}
.offset-sm-7{margin-left:58.3333333333%;}
.offset-sm-8{margin-left:66.6666666667%;}
.offset-sm-9{margin-left:75%;}
.offset-sm-10{margin-left:83.3333333333%;}
.offset-sm-11{margin-left:91.6666666667%;}
}

@media (min-width: 768px) {
.col-md{flex-basis:0;flex-grow:1;max-width:100%;}
.col-md-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-md-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-md-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-md-3{flex:0 0 25%;max-width:25%;}
.col-md-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-md-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-md-6{flex:0 0 50%;max-width:50%;}
.col-md-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-md-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-md-9{flex:0 0 75%;max-width:75%;}
.col-md-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-md-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-md-12{flex:0 0 100%;max-width:100%;}
.offset-md-0{margin-left:0;}
.offset-md-1{margin-left:8.3333333333%;}
.offset-md-2{margin-left:16.6666666667%;}
.offset-md-3{margin-left:25%;}
.offset-md-4{margin-left:33.3333333333%;}
.offset-md-5{margin-left:41.6666666667%;}
.offset-md-6{margin-left:50%;}
.offset-md-7{margin-left:58.3333333333%;}
.offset-md-8{margin-left:66.6666666667%;}
.offset-md-9{margin-left:75%;}
.offset-md-10{margin-left:83.3333333333%;}
.offset-md-11{margin-left:91.6666666667%;}
}

@media (min-width: 992px) {
.col-lg{flex-basis:0;flex-grow:1;max-width:100%;}
.col-lg-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-lg-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-lg-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-lg-3{flex:0 0 25%;max-width:25%;}
.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-lg-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-lg-6{flex:0 0 50%;max-width:50%;}
.col-lg-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-lg-9{flex:0 0 75%;max-width:75%;}
.col-lg-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-lg-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-lg-12{flex:0 0 100%;max-width:100%;}
.offset-lg-0{margin-left:0;}
.offset-lg-1{margin-left:8.3333333333%;}
.offset-lg-2{margin-left:16.6666666667%;}
.offset-lg-3{margin-left:25%;}
.offset-lg-4{margin-left:33.3333333333%;}
.offset-lg-5{margin-left:41.6666666667%;}
.offset-lg-6{margin-left:50%;}
.offset-lg-7{margin-left:58.3333333333%;}
.offset-lg-8{margin-left:66.6666666667%;}
.offset-lg-9{margin-left:75%;}
.offset-lg-10{margin-left:83.3333333333%;}
.offset-lg-11{margin-left:91.6666666667%;}
}

@media (min-width:1200px){
.col-xl{flex-basis:0;flex-grow:1;max-width:100%;}
.col-xl-auto{flex:0 0 auto;width:auto;max-width:none;}
.col-xl-1{flex:0 0 8.333333%;max-width:8.333333%;}
.col-xl-2{flex:0 0 16.666667%;max-width:16.666667%;}
.col-xl-3{flex:0 0 25%;max-width:25%;}
.col-xl-4{flex:0 0 33.333333%;max-width:33.333333%;}
.col-xl-5{flex:0 0 41.666667%;max-width:41.666667%;}
.col-xl-6{flex:0 0 50%;max-width:50%;}
.col-xl-7{flex:0 0 58.333333%;max-width:58.333333%;}
.col-xl-8{flex:0 0 66.666667%;max-width:66.666667%;}
.col-xl-9{flex:0 0 75%;max-width:75%;}
.col-xl-10{flex:0 0 83.333333%;max-width:83.333333%;}
.col-xl-11{flex:0 0 91.666667%;max-width:91.666667%;}
.col-xl-12{flex:0 0 100%;max-width:100%;}
.offset-xl-0{margin-left:0;}
.offset-xl-1{margin-left:8.3333333333%;}
.offset-xl-2{margin-left:16.6666666667%;}
.offset-xl-3{margin-left:25%;}
.offset-xl-4{margin-left:33.3333333333%;}
.offset-xl-5{margin-left:41.6666666667%;}
.offset-xl-6{margin-left:50%;}
.offset-xl-7{margin-left:58.3333333333%;}
.offset-xl-8{margin-left:66.6666666667%;}
.offset-xl-9{margin-left:75%;}
.offset-xl-10{margin-left:83.3333333333%;}
.offset-xl-11{margin-left:91.6666666667%;}
}


/* === TABLES === */

.table {
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th,
.table > thead > tr > td, .table > thead > tr > th {
	border-top: 1px solid #ddd;
	line-height: 1.4;
	padding: 8px;
	vertical-align: top;
}

.table-striped > tbody > tr:nth-of-type(odd) {
	background-color: #f9f9f9;
}


/* === CATALOG HERO === */

.catalog-hero { background-color: #f6f6f6; padding: 20px 0; }
.catalog-hero img { max-width: 100%; }
.catalog-hero .photo-area { display: inline-block; margin: 0 auto 30px; }
@media (min-width:768px) { .catalog-hero .photo-area { min-width: 500px; } }
.catalog-hero .photo-area .caption { box-sizing: border-box; color: #333; font-size: 12px; margin: 4px auto; min-width: 100%; text-align: justify; width: 0; }
.catalog-hero .photo-area .caption span { color: #555; }
.catalog-hero .photo-area .credits { color: #333; display: flex; font-size: 12px; justify-content: space-around; margin: 4px auto; }
.catalog-hero .title-area { margin-bottom: 20px; text-align: center; }
.catalog-hero .title-area .hdr-maintxt { font-size: 34px; line-height: 40px; margin-bottom: 20px; }
@media all and (max-width: 991px) { .catalog-hero .title-area .hdr-maintxt br { display: none; } }
@media all and (max-width: 767px) { .catalog-hero .title-area .hdr-maintxt { font-size: 28px; line-height: 32px; } }
.catalog-hero .title-area .hdr-intro { font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 12px; text-align: justify; }
.catalog-hero .title-area .hdr-intro.end { margin-bottom: 20px; }
.catalog-hero .title-area .hdr-smalltxt { font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 20px; }
.catalog-hero .title-area .hdr-author { font-family: arial,helvetica,sans-serif; font-size: 18px; font-style: italic; line-height: 20px; }


/* === MAIN CONTENT (LEGACY) === */

main { background-color: #f6f6f6; padding: 20px 0; }
main.gray { background-color: #f6f6f6; padding: 20px 0; }
main.hero-banner { background-color: #fff; }
main.legacy { background-color: #fff; padding: 0; }
main img { max-width: 100%; }
main .photo-area { display: inline-block; margin: 0 auto 30px; }
@media (min-width:768px) { main .photo-area { min-width: 500px; } }
main .photo-area .caption { box-sizing: border-box; color: #333; font-size: 12px; margin: 4px auto; min-width: 100%; text-align: justify; width: 0; }
main .photo-area .caption span { color: #555; }
main .photo-area .credits { color: #333; display: flex; font-size: 12px; justify-content: space-around; margin: 4px auto; }
main .title-area { margin-bottom: 20px; text-align: center; }
main .title-area .hdr-maintxt { font-size: 34px; line-height: 40px; margin-bottom: 20px; }
@media all and (max-width: 991px) { main .title-area .hdr-maintxt br { display: none; } }
@media all and (max-width: 767px) { main .title-area .hdr-maintxt { font-size: 28px; line-height: 32px; } }
main .title-area .hdr-smalltxt { font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 20px; }
main .title-area .hdr-author { font-family: arial,helvetica,sans-serif; font-size: 18px; font-style: italic; line-height: 20px; }


/* === HERO === */

.hero .content { margin: 0 auto; max-width: 1366px; padding: 0 20px; }
.hero .cb_wrap.one_image { display: flex; justify-content: space-between; max-width: 100%; padding: 40px 48px; }
.hero .cb_wrap.one_image .cb_copy_left,
.hero .cb_wrap.one_image .cb_copy_right { background-color: #fff; box-sizing: border-box; color: #333; padding: 42px 46px; vertical-align: top; width: 33%; }
.hero .cb_wrap.one_image .cb_copy_left h2,
.hero .cb_wrap.one_image .cb_copy_right h2 { font-size: 28px; font-weight: 500; margin: 0 0 16px; }
.hero .cb_wrap.one_image .cb_copy_left.light h2,
.hero .cb_wrap.one_image .cb_copy_right.light h2 { font-family: Fort,sans-serif; font-size: 32px; font-weight: 300; }
.hero .cb_wrap.one_image .cb_copy_left .cb_text,
.hero .cb_wrap.one_image .cb_copy_right .cb_text { font-family: Fort,sans-serif; font-size: 18px; font-weight: 400; line-height: 1.4; margin-bottom: 54px; }
.hero .cb_wrap.one_image .cb_copy_left.light .cb_text,
.hero .cb_wrap.one_image .cb_copy_right.light .cb_text { font-family: Shift,serif; font-size: 18px; }
.hero .cb_wrap.one_image .cb_copy_right { margin-left: 16px; }
.hero .cb_wrap.one_image .cb_image { width: 66%; }
.hero .cb_wrap.one_image .cb_image img { display: block; height: 100%; width: 100%; }
.hero a.orng_btn { border: 4px solid #f60; color: #000; display: inline-block; font-family: Fort,sans-serif; font-size: 16px; font-weight: 700; min-width: 180px; padding: 12px 0 10px; text-align: center; text-transform: uppercase; width: 180px; }
@media (max-width:1300px) {
 .hero .cb_wrap.one_image .cb_copy_left, .hero .cb_wrap.one_image .cb_copy_right { width: 39%; }
 .hero .cb_wrap.one_image .cb_image { width: 60%; }
}
@media (max-width:1023px) {
 .hero .cb_wrap.one_image { padding: 40px 20px; }
}
@media (max-width:991px) {
 .hero .cb_wrap.one_image .cb_copy_left h2,
 .hero .cb_wrap.one_image .cb_copy_right h2 { font-size: 24px; }
}
@media (max-width:767px) {
 .hero .top.block60 { height: 20px; }
 .hero .content { margin-bottom: -18px; padding: 0; }
 .hero .cb_wrap.one_image { display: block; padding: 20px 0 0; }
 .hero .cb_wrap.one_image .cb_copy_left,
 .hero .cb_wrap.one_image .cb_copy_right { padding: 42px 20px; width: 100%; }
 .hero .cb_wrap.one_image .cb_copy_left .cb_text,
 .hero .cb_wrap.one_image .cb_copy_right .cb_text { font-size: 16px; margin-bottom: 40px; }
 .hero .cb_wrap.one_image .cb_image { width: 100%; }
 .hero .cb_wrap.one_image .cb_image img { height: auto; }
}


/* === CATEGORY HERO === */

.category-hero { margin-top: 60px; }
.category-hero.legacy { margin-top: 60px; padding: 20px 0; }
.category-hero-banner { background-size: contain; height: 380px; }
.category-hero-banner.aikido { background: #919189 url("/images/banners/aikido-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.aikido { background-image: url("/images/banners/aikido-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.aikido { background-image: url("/images/banners/aikido-banner-600.jpg"); } }
.category-hero-banner.aliens { background: #000002 url("/images/banners/aliens-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.aliens { background-image: url("/images/banners/aliens-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.aliens { background-image: url("/images/banners/aliens-banner-600.jpg"); } }
.category-hero-banner.beachrocks { background: #a6cdde url("/images/banners/beachrocks-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.beachrocks { background-image: url("/images/banners/beachrocks-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.beachrocks { background-image: url("/images/banners/beachrocks-banner-600.jpg"); } }
.category-hero-banner.bjj { background: #3d7dc7 url("/images/banners/bjj-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.bjj { background-image: url("/images/banners/bjj-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.bjj { background-image: url("/images/banners/bjj-banner-600.jpg"); } }
.category-hero-banner.bodhi { background: #000 url("/images/banners/bodhi-banner-full.jpg") no-repeat center top; }
@media (max-width: 1199px) { .category-hero-banner.bodhi { background-image: url("/images/banners/bodhi-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.bodhi { background-image: url("/images/banners/bodhi-banner-600.jpg"); } }
.category-hero-banner.boulder { background: #d6e2f2 url("/images/banners/boulder-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.boulder { background-image: url("/images/banners/boulder-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.boulder { background-image: url("/images/banners/boulder-banner-600.jpg"); } }
.category-hero-banner.brucelee { background: #12100e url("/images/banners/brucelee-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.brucelee { background-image: url("/images/banners/brucelee-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.brucelee { background-image: url("/images/banners/brucelee-banner-600.jpg"); } }
.category-hero-banner.cia { background: #1e1f18 url("/images/banners/cia-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.cia { background-image: url("/images/banners/cia-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.cia { background-image: url("/images/banners/cia-banner-600.jpg"); } }
.category-hero-banner.cosmic { background: #6c367c url("/images/banners/cosmic-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.cosmic { background-image: url("/images/banners/cosmic-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.cosmic { background-image: url("/images/banners/cosmic-banner-600.jpg"); } }
.category-hero-banner.dante { background: #bdbdbd url("/images/banners/dante-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.dante { background-image: url("/images/banners/dante-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.dante { background-image: url("/images/banners/dante-banner-600.jpg"); } }
.category-hero-banner.desertbase { background: #534245 url("/images/banners/desertbase-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.desertbase { background-image: url("/images/banners/desertbase-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.desertbase { background-image: url("/images/banners/desertbase-banner-600.jpg"); } }
.category-hero-banner.dojo { background: #100500 url("/images/banners/dojo-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.dojo { background-image: url("/images/banners/dojo-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.dojo { background-image: url("/images/banners/dojo-banner-600.jpg"); } }
.category-hero-banner.future { background: #090909 url("/images/banners/future-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.future { background-image: url("/images/banners/future-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.future { background-image: url("/images/banners/future-banner-600.jpg"); } }
.category-hero-banner.heiji { background: #d1c1a7 url("/images/banners/heiji-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.heiji { background-image: url("/images/banners/heiji-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.heiji { background-image: url("/images/banners/heiji-banner-600.jpg"); } }
.category-hero-banner.himeji { background: #98b7fa url("/images/banners/himeji-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.himeji { background-image: url("/images/banners/himeji-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.himeji { background-image: url("/images/banners/himeji-banner-600.jpg"); } }
.category-hero-banner.home { background: #111714 url("/images/banners/home-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.home { background-image: url("/images/banners/home-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.home { background-image: url("/images/banners/home-banner-600.jpg"); } }
.category-hero-banner.iga { background: #232323 url("/images/banners/iga-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.iga { background-image: url("/images/banners/iga-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.iga { background-image: url("/images/banners/iga-banner-600.jpg"); } }
.category-hero-banner.jokhang { background: #ebf0f6 url("/images/banners/jokhang-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.jokhang { background-image: url("/images/banners/jokhang-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.jokhang { background-image: url("/images/banners/jokhang-banner-600.jpg"); } }
.category-hero-banner.kongobuji { background: #0b0b0b url("/images/banners/kongobuji-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.kongobuji { background-image: url("/images/banners/kongobuji-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.kongobuji { background-image: url("/images/banners/kongobuji-banner-600.jpg"); } }
.category-hero-banner.mma { background: #0e0a04 url("/images/banners/mma-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.mma { background-image: url("/images/banners/mma-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.mma { background-image: url("/images/banners/mma-banner-600.jpg"); } }
.category-hero-banner.ninjasmoke { background: #030e11 url("/images/banners/ninjasmoke-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.ninjasmoke { background-image: url("/images/banners/ninjasmoke-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.ninjasmoke { background-image: url("/images/banners/ninjasmoke-banner-600.jpg"); } }
.category-hero-banner.onna { background: #000 url("/images/banners/onna-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.onna { background-image: url("/images/banners/onna-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.onna { background-image: url("/images/banners/onna-banner-600.jpg"); } }
.category-hero-banner.sakura { background: #d5d2e5 url("/images/banners/sakura-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.sakura { background-image: url("/images/banners/sakura-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.sakura { background-image: url("/images/banners/sakura-banner-600.jpg"); } }
.category-hero-banner.sanjo { background: #d9cba8 url("/images/banners/sanjo-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.sanjo { background-image: url("/images/banners/sanjo-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.sanjo { background-image: url("/images/banners/sanjo-banner-600.jpg"); } }
.category-hero-banner.satellite { background: #000d0f url("/images/banners/satellite-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.satellite { background-image: url("/images/banners/satellite-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.satellite { background-image: url("/images/banners/satellite-banner-600.jpg"); } }
.category-hero-banner.shaolin { background: #15151d url("/images/banners/shaolin-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.shaolin { background-image: url("/images/banners/shaolin-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.shaolin { background-image: url("/images/banners/shaolin-banner-600.jpg"); } }
.category-hero-banner.shooto { background: #0a0603 url("/images/banners/shooto-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.shooto { background-image: url("/images/banners/shooto-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.shooto { background-image: url("/images/banners/shooto-banner-600.jpg"); } }
.category-hero-banner.shuriken { background: #181204 url("/images/banners/shuriken-banner-full.jpg") no-repeat center center; height: 350px; }
@media (max-width: 1199px) { .category-hero-banner.shuriken { background-image: url("/images/banners/shuriken-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.shuriken { background-image: url("/images/banners/shuriken-banner-600.jpg"); } }
.category-hero-banner.swordofdoom { background: #a76b3d url("/images/banners/swordofdoom-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.swordofdoom { background-image: url("/images/banners/swordofdoom-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.swordofdoom { background-image: url("/images/banners/swordofdoom-banner-600.jpg"); } }
.category-hero-banner.take { background: #111714 url("/images/banners/take-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.take { background-image: url("/images/banners/take-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.take { background-image: url("/images/banners/take-banner-600.jpg"); } }
.category-hero-banner.terasawa { background: #0a142f url("/images/banners/terasawa-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.terasawa { background-image: url("/images/banners/terasawa-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.terasawa { background-image: url("/images/banners/terasawa-banner-600.jpg"); } }
.category-hero-banner.wtc { background: #7fa7d8 url("/images/banners/wtc-banner-full.jpg") no-repeat center center; }
@media (max-width: 1199px) { .category-hero-banner.wtc { background-image: url("/images/banners/wtc-banner-1200.jpg"); } }
@media (max-width: 575px) { .category-hero-banner.wtc { background-image: url("/images/banners/wtc-banner-600.jpg"); } }
.category-hero-content { background-color: #fff; box-shadow: 0 3px 7px 1px rgba(0,0,0,0.12); margin: -180px auto 0; max-width: 820px; padding: 30px 15px; text-align: center; width: auto; }
.category-hero-content.wide { max-width: 900px; }
.category-hero-content .hdr-cat { border-bottom: 2px solid #f60; display: inline-block; font-family: Fort,sans-serif; font-size: 20px; font-weight: 400; margin: 20px auto; padding-bottom: 3px; }
.category-hero-content h1 { font-size: 44px; }
.category-hero-content h2 { font-family: Fort,sans-serif; font-size: 20px; font-weight: 300; line-height: 28px; margin: 22px auto 11px; }

.category .overview { color: #333; line-height: 1.4; margin: 30px auto 50px; text-align: justify; }
.category .overview .wiki-author, .category .overview .wiki-author:visited { color: #557; text-decoration: none; }
.category .overview .wiki-author:active, .category .overview .wiki-author:hover { text-decoration: underline; }
.category .overview .wiki-author img { height: 16px; margin: 6px 8px 6px 0; vertical-align: -8px; width: 16px; }
.category .overview .wiki-text, .category .overview .wiki-text:visited { color: #557; display: block; text-decoration: none; word-break: break-all; }
.category .overview .wiki-text:active, .category .overview .wiki-text:hover { text-decoration: underline; }
.category .overview .wiki-text img { height: 16px; margin: 6px 8px 6px 0; vertical-align: -8px; width: 16px; }


/* === BREADCRUMBS === */

ul.breadcrumbs { color: #888; font-size: 12px; list-style-type: none; margin: 0 0 30px; padding: 0; }
ul.breadcrumbs li { display: inline-block; }
ul.breadcrumbs li a, ul.breadcrumbs li a:visited { color: #004fb0; text-decoration: none; }
ul.breadcrumbs li a:active, ul.breadcrumbs li a:hover { color: #000f80; }
ul.breadcrumbs li:last-child a { color: #888; }
@media all and (max-width: 500px) { ul.breadcrumbs { font-size: 14px; line-height: 24px; } }


/* === PRODUCT LIST === */

h1.product-list { margin-bottom: 20px; }
h2.product-list { font-family: Fort,sans-serif; font-size: 18px; margin-bottom: 4px; }
h3.product-list { font-family: Fort,sans-serif; font-size: 16px; margin-bottom: 20px; }
h4.product-list { font-size: 16px; margin-bottom: 20px; }

h1.series-title { font-size: 36px; font-weight: 500; margin-bottom: 20px; }

.product-category h4 { color: #000; font-family: Shift,serif; font-size: 40px; font-weight: 300; line-height: 1.2; margin: 0 0 16px; text-align: center; }
.product-category h4 a, .product-category h4 a:visited { color: #000; }
.product-category h4 a:active, .product-category h4 a:hover { color: #f60; }
.product-category h4 span { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MiA1MTIiPjxwYXRoIGZpbGw9IiNmZjY2MDAiIGQ9Ik0xODcuOCAyNjQuNUw0MSA0MTIuNWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDQuMiAzOTIuN2MtNC43LTQuNy00LjctMTIuMyAwLTE3TDEyMi43IDI1NiA0LjIgMTM2LjNjLTQuNy00LjctNC43LTEyLjMgMC0xN0wyNCA5OS41YzQuNy00LjcgMTIuMy00LjcgMTcgMGwxNDYuOCAxNDhjNC43IDQuNyA0LjcgMTIuMyAwIDE3eiIgLz48L3N2Zz4=") no-repeat center center; display: inline-block; height: 40px; margin-left: 4px; vertical-align: -7px; width: 15px; }

.list-section { border-top: 1px solid #979797; }
.list-section h4.list-header { font-size: 16px; font-weight: 700; margin: 14px 0; }

.list-area { margin: 0 auto 40px; min-height: 330px; }
.list-area .items { display: flex; flex-wrap: wrap; justify-content: space-around; }
.list-area .item { align-items: flex-start; display: flex; flex-direction: column; margin: 0 25px 40px; max-width: 150px; }
@media all and (max-width: 575px) { .list-area .item { margin: 0 5px 40px; } }
.list-area .item .img { border: 2px solid #ddd; box-shadow: 0 0 12px 1px #ccc; margin-bottom: auto; }
.list-area .item .img:active, .list-area .item .img:hover { border: 2px solid #ccc; box-shadow: 0 0 10px 1px #999; }
.list-area .item .img img { display: block; max-height: 230px; max-width: 100%; width: auto; }
@media all and (max-width: 575px) { .list-area .item .img img { max-height: 180px; } }
.list-area .item .info { margin-top: 10px; min-height: 110px; }
.list-area .item .title { font-family: Fort,sans-serif; font-size: 16px; font-weight: 500; line-height: 1.2; margin: 10px 0 4px; }
.list-area .item .title, .list-area .item .title a, .list-area .item .title a:visited { color: #333; text-decoration: none; }
.list-area .item .title a:active, .list-area .item .title a:hover { color: #f60; }
.list-area .item .contributor { font-size: 14px; font-style: italic; line-height: 1.2; }
.list-area .item .contributor, .list-area .item .contributor a, .list-area .item .contributor a:visited { color: #777; text-decoration: none; }
.list-area .item .contributor a:active, .list-area .item .contributor a:hover { color: #f60; }
.list-area .item .text { line-height: 1.2; margin: 10px 0 0; min-height: 100px; }

.list-row { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 10px 0; }
.list-row.partial { justify-content: space-around; }
.list-row .item { align-items: flex-start; display: flex; flex-direction: column; margin-bottom: 30px; max-width: 150px; }
.list-row .item.wide { max-width: 250px; }
.list-row .item .img { border: 2px solid #ddd; box-shadow: 0 0 12px 1px #ccc; margin-bottom: auto; }
.list-row .item .img:active, .list-row .item .img:hover { border: 2px solid #ccc; box-shadow: 0 0 10px 1px #999; }
.list-row .item .img img { display: block; max-height: 230px; max-width: 100%; width: auto; }
.list-row .item.extra img { display: inline-block; max-height: 300px; margin-bottom: auto; max-width: 100%; width: auto; }
.list-row .item.extra img.mh200 { max-height: 200px; }
.list-row .item .info { min-height: 110px; }
.list-row .item .title { font-family: Fort,sans-serif; font-size: 16px; font-weight: 500; line-height: 1.2; margin: 10px 0 4px; }
.list-row .item .title, .list-row .item .title a, .list-row .item .title a:visited { color: #333; text-decoration: none; }
.list-row .item .title a:active, .list-row .item .title a:hover { color: #f60; }
.list-row .item .contributor { font-size: 14px; font-style: italic; line-height: 1.2; }
.list-row .item .contributor, .list-row .item .contributor a, .list-row .item .contributor a:visited { color: #777; text-decoration: none; }
.list-row .item .contributor a:active, .list-row .item .contributor a:hover { color: #f60; }
.list-row .item .text { line-height: 1.2; margin: 10px 0 0; min-height: 100px; }


/* === CATALOG ITEM === */

.cover-wrapper { box-shadow: 0 0 12px 3px #ccc; display: inline-block; }
.cover-wrapper.stretch { display: block; }
@media all and (max-width: 767px) { .cover-wrapper { margin-bottom: 30px; } }
.cover-wrapper img { display: block; max-width: 100%; width: auto; }
.cover-wrapper.stretch img { width: 100%; }

h2.subtitle { font-family: Fort,sans-serif; font-size: 18px; font-weight: 500; line-height: 1.2; margin: 4px 0 20px; text-transform: uppercase; }
h2.contributors { font-family: arial,helvetica,sans-serif; font-size: 20px; font-weight: 400; margin: 5px 0 30px; line-height: 1.2; }
h2.contributors a { color: #000; }

.best-seller { background-color: #f60; box-shadow: 0 0 7px 0 #ccc; box-sizing: border-box; color: #fff; display: inline-block; font-family: Fort,sans-serif; font-size: 16px; font-weight: 500; height: 24px; line-height: 26px; padding: 0 10px; position: relative; top: -16px; vertical-align: text-bottom; }
@supports (-webkit-touch-callout: none) { .best-seller { line-height: 22px; } }
.best-seller::after { border: 12px solid #f60; border-right-color: transparent; content: ""; position: absolute; right: -22px; top: 0; }

.product .overview { border-top: 1px solid #979797; color: #333; line-height: 1.4; margin: 20px auto 0; }
.product .overview.mb50 { margin: 20px auto 50px; }
.product .overview.clear { border-top: none; margin: 60px auto; }
.product h4.overview-header { font-family: Fort,sans-serif; font-size: 16px; font-weight: 700; margin: 14px 0; text-transform: uppercase; }
.product .overview a, .product .overview a:visited { color: #1f47aa; text-decoration: underline; }
.product .overview a.companion, .product .overview a.companion:visited { background-color: #d34e36; border-radius: 6px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2); color: #fff; display: inline-block; font-family: Fort,sans-serif; font-size: 24px; font-weight: 500; margin: 40px 0 20px; padding: 6px 20px; text-decoration: none; transition: background-color 200ms ease-in; }
.product .overview a.companion:hover { background-color: #b32e16; }
.product .overview a.companion span { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MiA1MTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xODcuOCAyNjQuNUw0MSA0MTIuNWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDQuMiAzOTIuN2MtNC43LTQuNy00LjctMTIuMyAwLTE3TDEyMi43IDI1NiA0LjIgMTM2LjNjLTQuNy00LjctNC43LTEyLjMgMC0xN0wyNCA5OS41YzQuNy00LjcgMTIuMy00LjcgMTcgMGwxNDYuOCAxNDhjNC43IDQuNyA0LjcgMTIuMyAwIDE3eiIgLz48L3N2Zz4K") no-repeat center center; display: inline-block; height: 40px; margin-left: 4px; vertical-align: -11px; width: 15px; }
@media all and (max-width: 575px) { .product .overview a.companion { font-size: 4.2vw; } .product .overview a.companion span { vertical-align: -13px; } }
.product .overview .video-box h5 a, .product .overview .video-box h5 a:visited { color: #000; text-decoration: none; }
.product .overview strong { color: #000; font-family: Fort,sans-serif; font-size: 18px; font-weight: 500; }
.product .overview strong.red { color: #dc3023; }

.product .overview .envelope { background-image: repeating-linear-gradient(135deg, #f29b91 0, #f09290 30px, transparent 30px, transparent 50px, #83b3db 50px, #84adcb 80px, transparent 80px, transparent 100px); padding: 0 20px; }
.product .overview .envelope .inner { background-color: #fff; padding: 5px 20px; }
.product .overview .envelope .inner strong { color: #000; font-family: arial,helvetica,sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 0.5px; }
.product .overview .envelope .inner h4.overview-header { margin: 0 0 14px; text-decoration: underline; }
.product .overview a.mailorder, .product .overview a.mailorder:visited { background-color: #6393db; border-radius: 6px; box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2); color: #fff; display: inline-block; font-size: 22px; font-weight: 400; margin: 15px 0 0; padding: 3px 15px; text-decoration: none; transition: background-color 200ms ease-in; }
.product .overview a.mailorder:hover { background-color: #4373bb; }
.product .overview a.mailorder span { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MiA1MTIiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xODcuOCAyNjQuNUw0MSA0MTIuNWMtNC43IDQuNy0xMi4zIDQuNy0xNyAwTDQuMiAzOTIuN2MtNC43LTQuNy00LjctMTIuMyAwLTE3TDEyMi43IDI1NiA0LjIgMTM2LjNjLTQuNy00LjctNC43LTEyLjMgMC0xN0wyNCA5OS41YzQuNy00LjcgMTIuMy00LjcgMTcgMGwxNDYuOCAxNDhjNC43IDQuNyA0LjcgMTIuMyAwIDE3eiIgLz48L3N2Zz4K") no-repeat center center; display: inline-block; height: 40px; margin-left: 4px; vertical-align: -12px; width: 15px; }
@media all and (max-width: 575px) { .product .overview a.mailorder { font-size: 4.2vw; } .product .overview a.mailorder span { vertical-align: -14px; } }

.product .overview .wiki-author, .product .overview .wiki-author:visited { color: #557; font-size: 12px; text-decoration: none; }
.product .overview .wiki-author:active, .product .overview .wiki-author:hover { text-decoration: underline; }
.product .overview .wiki-author img { height: 16px; margin: 6px 8px 6px 0; vertical-align: -9px; width: 16px; }

.related .overview { border-top: 1px solid #979797; color: #333; line-height: 1.4; margin: 20px auto 0; }
.related .overview.mb50 { margin: 20px auto 50px; }
.related h4.overview-header { font-family: Fort,sans-serif; font-size: 16px; font-weight: 700; margin: 14px 0; text-transform: uppercase; }
.related .overview a, .related .overview a:visited { color: #f60; text-decoration: underline; }

.related .overview .wiki-text, .related .overview .wiki-text:visited { color: #557; text-decoration: none; word-break: break-all; }
.related .overview .wiki-text:active, .related .overview .wiki-text:hover { text-decoration: underline; }
.related .overview .wiki-text img { height: 16px; margin: 6px 8px 6px 0; vertical-align: -8px; width: 16px; }


/* === PANEL === */

.panel-group { margin-bottom: 22px; }
.panel-group .panel { border: 1px solid #e6e6e7; border-radius: 5px; margin-bottom: 20px; overflow: hidden; }
.panel-group .panel .panel-heading.selected { background-color: #f9f9f9; }
.panel-group .panel h4.panel-title { color: #333; font-family: Fort,sans-serif; font-size: 16px; font-weight: 400; line-height: 1.1; margin: 3px 0 0 14px; padding: 6px 0; }
.panel-group .panel h4.panel-title a, .panel-group .panel h4.panel-title a:visited { color: #333; }
.panel-group .panel .panel-body { background-color: #fff; display: flex; align-items: flex-start; justify-content: space-between; padding: 16px 0 22px 32px; }
@media all and (max-width: 450px) { .panel-group .panel .panel-body { display: block; } }
.panel-group .panel .panel-body .title-price-container { align-items: center; display: flex; flex-wrap: wrap; }
.panel-group .panel .panel-body .title-price-container .format { color: #000; font-family: Fort,sans-serif; font-size: 16px; font-weight: 700; margin-right: 12px; }
.panel-group .panel .panel-body .title-price-container .price { color: #333; font-family: Fort,sans-serif; font-size: 24px; font-weight: 400; }
.panel-group .panel .panel-body .title-details { display: block; font-size: 13px; margin-bottom: 32px; }
.panel-group .panel .panel-body .shipping { display: block; font-size: 13px; margin-bottom: 32px; }
.panel-group .panel .panel-body .payment-info { display: inline-block; margin: 0 32px 0 10px; }

.btn-buy, .btn-buy:visited { background-color: #fff; border: 4px solid #f60; border-radius: 0; color: #000; cursor: pointer; display: block; font-family: Fort,sans-serif; font-size: 14px; font-weight: 500; line-height: 1px; padding: 21px 26px; white-space: nowrap; }
.btn-buy:active, .btn-buy:hover { color: #f60; }

.btn-viewcart, .btn-viewcart:visited { background: none; border: none; color: #000; cursor: pointer; display: inline-block; font-family: Fort,sans-serif; font-size: 14px; font-weight: 500; margin: 0; padding: 0 0 0 24px; position: relative; }
.btn-viewcart:active, .btn-viewcart:hover { color: #f60; }
.btn-viewcart::before { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDQ0IDQxIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMjAuOCwzNS42Yy0xLjQsMC0yLjYsMS4yLTIuNiwyLjZzMS4yLDIuNiwyLjYsMi42czIuNi0xLjIsMi42LTIuNlMyMi4zLDM1LjYsMjAuOCwzNS42IE03LjgsMzUuNiBjLTEuNCwwLTIuNiwxLjItMi42LDIuNnMxLjIsMi42LDIuNiwyLjZzMi42LTEuMiwyLjYtMi42UzkuMiwzNS42LDcuOCwzNS42IE0xOC45LDE3LjRINS41bC0wLjctMS44Yy0wLjItMC41LTAuNy0wLjgtMS4yLTAuOEgxLjMgYy0wLjcsMC0xLjMsMC42LTEuMywxLjNjMCwwLjcsMC42LDEuMywxLjMsMS4zbDAsMGgxLjRMNywyNy43bC0xLjYsMi41Yy0xLjEsMS43LDAuMiw0LjEsMi4zLDQuMWgxNC40YzAuNywwLDEuMy0wLjYsMS4zLTEuMyBzLTAuNi0xLjMtMS4zLTEuM2wwLDBINy43Yy0wLjEsMC0wLjIsMC0wLjEtMC4ybDAsMGwxLjUtMi40aDkuN2MwLjksMCwxLjgtMC41LDIuMy0xLjNsMi42LTQuNkMyMy43LDIzLjEsMjAuNSwyMS4xLDE4LjksMTcuNCIgLz48L3N2Zz4=") no-repeat center center; content: ""; display: inline-block; height: 28px; left: 0; position: absolute; top: -11px; width: 28px; }


/* === INTEREST GROUP === */

.interest-group { display: flex; margin-bottom: 60px; }
@media all and (max-width: 767px) { .interest-group { display: block; } }
.interest-group .cover { margin-bottom: 20px; max-width: 220px; }
.interest-group .cover img { display: block; max-width: 100%; width: auto; }
.interest-group .content { margin-left: 25px; }
@media all and (max-width: 767px) { .interest-group .content { margin-left: 0; } }
.interest-group .content .links { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 30px; }
.interest-group .content .links a, .interest-group .content .links a:visited { background-color: #f0f0f0; color: #000; font-family: Fort,sans-serif; font-size: 16px; font-weight: 500; margin: 0 10px 10px 0; padding: 10px 16px; text-decoration: none; }
.interest-group .content .links a:active, .interest-group .content .links a:hover { background-color: #d5d5d5; }


/* === ARTICLES === */

.article-list-full { border-bottom: 1px solid #d9d9d9; display: flex; margin-bottom: 30px; padding: 20px 0; }
@media all and (max-width: 767px) { .article-list-full { display: block; } }
.article-list-full .media { flex: 0 0 34%; margin-right: 30px; }
.article-list-full .media img { border-radius: 4px; display: block; max-width: 100%; }
@media all and (max-width: 767px) { .article-list-full .media { margin-right: 0; max-width: 500px; } .article-list-full .media img { margin-bottom: 20px; } }
.article-list-full .text { flex: 0 0 66%; }
.article-list-full .text h4 { color: #000; font-family: Fort,sans-serif; font-size: 26px; font-weight: 700; line-height: 1.2; }
.article-list-full .text h4:hover { text-decoration: underline; }
.article-list-full .text cite { color: #666; display: block; font-style: normal; line-height: 1.4; margin: 8px 0; }
.article-list-full .text .excerpt { color: #1a1a1a; line-height: 1.4; }

.gray-hero { background-color: #f6f6f6; padding: 20px 0; }
.gray-hero img { max-width: 100%; }
.gray-hero .photo-area { display: inline-block; margin: 0 auto 30px; }
@media (min-width:768px) { .gray-hero .photo-area { min-width: 500px; } }
.gray-hero .photo-area .caption { box-sizing: border-box; color: #333; font-size: 12px; margin: 4px auto; min-width: 100%; text-align: justify; width: 0; }
.gray-hero .photo-area .caption span { color: #555; }
.gray-hero .photo-area .credits { color: #333; display: flex; font-size: 12px; justify-content: space-around; margin: 4px auto; }
.gray-hero .title-area { margin-bottom: 20px; text-align: center; }
.gray-hero .title-area .hdr-maintxt { font-size: 34px; line-height: 40px; margin-bottom: 20px; }
@media all and (max-width: 991px) { .gray-hero .title-area .hdr-maintxt br { display: none; } }
@media all and (max-width: 767px) { .gray-hero .title-area .hdr-maintxt { font-size: 28px; line-height: 32px; } }
.gray-hero .title-area .hdr-intro { font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 12px; text-align: justify; }
.gray-hero .title-area .hdr-intro.end { margin-bottom: 20px; }
.gray-hero .title-area .hdr-smalltxt { font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; margin-bottom: 20px; }
.gray-hero .title-area .hdr-author { font-family: arial,helvetica,sans-serif; font-size: 18px; font-style: italic; line-height: 20px; }

/* .feature { font-family: charter,georgia,cambria,"times new roman",times,serif; font-size: 20px; line-height: 1.6; margin-bottom: 80px; } */
.feature { background-color: #fff; font-family: charter,georgia,cambria,"times new roman",times,serif; font-size: 20px; line-height: 1.6; margin-bottom: 80px; }
.feature h3 { font-size: 24px; font-weight: 500; padding: 30px 0 20px; }
.feature h3.w3ctitle { height: 30px; padding: 0; visibility: hidden; }
.feature h4.w3ctitle { height: 10px; padding: 0; visibility: hidden; }
.feature img { max-width: 100%; }
/* .feature p { text-align: justify; } */
.feature p.dropcap::first-letter { float: left; font-size: 60px; line-height: 60px; padding: 12px 8px 0 0; }
@media all and (max-width: 575px) { .feature p.dropcap::first-letter { padding: 0 8px 0 0 } }

.feature .photo-area { display: inline-block; font-family: arial,helvetica,sans-serif; margin: 30px auto; }
@media (min-width:768px) { .feature .photo-area { min-width: 500px; } }
.feature .photo-area .caption { box-sizing: border-box; color: #333; font-size: 12px; margin: 4px auto; min-width: 100%; text-align: justify; width: 0; }
.feature .photo-area .caption span { color: #555; }
.feature .photo-area .credits { color: #333; display: flex; font-size: 12px; justify-content: space-around; margin: 4px auto; }
.feature .title-area { margin-bottom: 40px; text-align: center; }
.feature .title-area .hdr-cat { border-bottom: 4px solid #f60; display: inline-block; font-family: arial,helvetica,sans-serif; font-size: 14px; margin-bottom: 20px; text-transform: uppercase; }
.feature .title-area .hdr-maintxt { font-size: 3.1vw; line-height: 3.4vw; margin-bottom: 20px; }
@media all and (max-width: 991px) { .feature .title-area .hdr-maintxt br { display: none; } }
@media all and (max-width: 767px) { .feature .title-area .hdr-maintxt { font-size: 34px; line-height: 38px; } }
.feature .title-area .hdr-smalltxt { font-family: arial,helvetica,sans-serif; font-size: 18px; line-height: 20px; }
.feature .title-area .hdr-author { font-family: arial,helvetica,sans-serif; font-size: 18px; font-style: italic; line-height: 20px; }

.feature .pullquote { border-left: 10px solid #f60; margin: 25px 0; padding: 25px 25px 15px; }
.feature .pullquote p { font-family: Shift,serif; font-size: 26px; font-weight: 700; line-height: 40px; text-align: left; }
@media all and (max-width: 991px) { .feature .pullquote br { display: none; } }

.feature .hdr-section { font-family: arial,helvetica,sans-serif; font-weight: 700; font-size: 22px; line-height: 33px; margin: 50px auto 20px; text-align: center; }
.feature .about-the-author { font-size: 12px; margin-top: 30px; }


/* === VIDEOS === */

.video-responsive { background-color: #f6f6f6; height: 0; margin: 0 auto; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.video-responsive iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.video-box { border: 1px solid #ddd; box-shadow: 0 0 0 1px rgba(0,0,0,0.05),0 2px 3px 0 rgba(0,0,0,0.1); border-radius: 6px; box-sizing: border-box; margin-bottom: 20px; max-width: 100%; padding: 12px; width: 300px; }
.video-box:hover { box-shadow: 0 0 0 1px rgba(0,0,0,0.05),0 2px 4px 1px rgba(0,0,0,0.14); transition: all .2s ease-out; }
.video-box.one { width: 386px; }
.video-box a.media img { display: block; margin-bottom: 14px; max-width: 100%; }
.video-box h5 { font-size: 16px; }
.video-box h5 a, .video-box h5 a:visited { color: #000; text-decoration: none; }


/* === MERCH === */

.merch { border-bottom: 1px solid #979797; border-top: 1px solid #979797; margin: 60px auto; padding-bottom: 12px; }
@media (max-width: 575px) { .merch { padding-bottom: 0; } }
.merch h4.merch-header { font-size: 16px; font-weight: 700; margin: 14px 6px 6px; }


/* === SUGGEST === */

.suggest { border-top: 1px solid #979797; margin: 60px auto 8px; width: 95%; }
.suggest h4.suggest-header { font-size: 16px; font-weight: 700; margin: 14px 0; }
.suggest .items { display: flex; justify-content: space-around; }
.suggest .item .img { border: 2px solid #ddd; box-shadow: 0 0 12px 1px #ddd; }
.suggest .item .img:active, .suggest .item .img:hover { border: 2px solid #ccc; box-shadow: 0 0 10px 1px #999; }
.suggest .item .img img { display: block; max-height: 170px; width: auto; }
@media all and (max-width: 575px) {
	.suggest { margin: 60px 20px 0; width: auto; }
	.suggest .item .img img { max-height: 140px; }
}


/* === CAT NAV === */

ul.cat-nav { list-style-type: none; margin: 0; padding: 0; }
ul.cat-nav li { display: inline-block; }
ul.cat-nav li a, ul.cat-nav li a:visited { background: #e6e6e6; border-radius: 20px; color: #333; display: inline-block; font-family: Fort,sans-serif; font-size: 18px; font-weight: 500; margin: 5px; padding: 8px 16px 7px 44px; position: relative; }
ul.cat-nav li a:active, ul.cat-nav li a:hover { box-shadow: 0 0 10px 0 rgba(0,0,0,0.3); }
ul.cat-nav li a::before { background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE2Ny45MyAxNjcuOTMiPjxwYXRoIHN0cm9rZT0iI2Y2MCIgc3Ryb2tlLXdpZHRoPSI2IiBkPSJNODQsMTY3LjkzLDU1LDExMywwLDg0LDU1LDU1LDg0LDBsMjksNTUsNTUsMjktNTUsMjlaTTYuNDMsODRsNTAuNzUsMjYuNzlMODQsMTYxLjVsMjYuNzktNTAuNzUuNDEtLjIyTDE2MS41LDg0LDExMC43NSw1Ny4xOCw4NCw2LjQzLDU3LjE4LDU3LjE4bC0uNDEuMjFabTc4LjM0LDE4LjQ2YTE3LjY1LDE3LjY1LDAsMSwxLDE3LjY1LTE3LjY1QTE3LjY3LDE3LjY3LDAsMCwxLDg0Ljc3LDEwMi40MlptMC0zMi4zQTE0LjY1LDE0LjY1LDAsMSwwLDk5LjQyLDg0Ljc3LDE0LjY2LDE0LjY2LDAsMCwwLDg0Ljc3LDcwLjEyWiIgLz48L3N2Zz4=") no-repeat center center; content: ""; display: inline-block; height: 24px; left: 12px; position: absolute; top: 7px; width: 24px; }


/* === TAGS === */

.tag-area { display: flex; flex-wrap: wrap; justify-content: space-between; }
.tag-area a, .tag-area a:visited { border: 1px solid #b5b5b5; border-radius: 6px; color: #000; font-family: Fort,sans-serif; font-size: 16px; font-weight: 500; margin: 0 10px 10px 0; padding: 10px 16px; text-align: center; text-decoration: none; }
.tag-area a:active, .tag-area a:hover { background-color: #e6e6e6; }
@media (max-width: 767px) { .tag-area a { margin: 0 0 10px 0; width: 100%; } }


/* === PAYPAL TABLE === */

table.paypal { margin: 0 auto; width: 574px; }
table.paypal td { text-align: center; width: 50%; }
@media all and (max-width: 575px) {
	table.paypal { display: block; width: auto; }
	table.paypal tbody { display: block; }
	table.paypal tr { display: block; }
	table.paypal td { display: inline; }
}