a,b,body,div,h1,h2,h3,h4,h5,h6,hr,html,i,img,li,ol,p,span,table,tbody,td,tfoot,th,thead,tr,u,ul{border: 0;margin: 0;padding: 0;}
html,body{
    height:100%;
}
html {
    font-size: 16px;
}
/* ACCESSIBILITY */
html.txt-inc {
    font-size: 32px;
}
html.txt-inc  #nav ul > li {
    line-height: 1.5em;
}
html.contrast #nav_frame,
html.contrast footer,
html.contrast section,
html.contrast .bizango_cms_content,
html.contrast .bizango_cms_content *,
html.contrast span{
    background-color: #fff !important;
    color: #000 !important;
}
html.contrast input,
html.contrast textarea {
    border: 2px solid black !important;
    background-color: #fff !important;
    color: #000 !important;
}
html.contrast select {
    border: 2px solid black !important;
    background-color: #fff !important;
    color: #000 !important;
}
html.contrast footer a,
html.contrast #subfooter a,
html.contrast footer button,
html.contrast main a,
html.contrast main button,
html.contrast .cookie_notice a,
html.contrast .cookie_notice button {
    display: inline-block;
    background-color: #000 !important;
    color: #fff !important;
    opacity: 1;
}
html.contrast .bizango_cms_content {
    position: relative;
    z-index: 1;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.skip-content_container:focus,
.skip-content_container:focus-within,
.screen-reader-text:focus,
.screen-reader-text:focus-within {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	-webkit-clip-path: none;
	        clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.skip-content_container {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	width: 1px;
	word-wrap: normal !important;
}
/* Do not show the outline on the skip link target. */
.skip-content_container:focus-within {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	
}
body{
    width:100%;
    color:#303030;
    font-family: "azo-sans-web","Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
.js-focus-visible :focus:not(.focus-visible) {
    outline: none;
  }
  .js-focus-visible .focus-visible {
    outline: 2px solid red;
  }
  .js-focus-visible input.focus-visible {
      outline-color: #144b9e;
  }
/*  

font-family: "adobe-caslon-pro"; regular italic
  font-family: "azo-sans-web"; regular bold
  font-family: "neuzeit-grotesk"; regular bold

*/
p, li, figcaption {
	line-height:1.5em;margin-top:0;margin-bottom:1.4em;
}
figure {
  margin: 1em 0;
}
img {
  max-width: 100%;
}
ul{margin-left: 20px; list-style-position: inside;}
h1, h2, h3, h4{
	margin-bottom:0.5em;
	line-height:120%;
	font-weight:400;

}

h1{font-size:2.5rem;font-family: "adobe-caslon-pro";color: #1d67bd;}
h2{font-size:2rem;font-family: "adobe-caslon-pro";}
h3{font-size:1.625rem;font-family: "neuzeit-grotesk";}
h4{font-size:1.125rem; line-height: 1.35em;}

a, .guides_section .subnav button {
    color:#1da8bd;
    cursor:pointer;
    text-decoration:none;
    transition: color .3s, background .3s, border .3s;
}
.guides_section .subnav button {
    background: none;
    border: none;
    text-shadow: none;
}
a:hover{text-decoration:none;}

iframe{max-width: 100%;}
.a11y-outer-container {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: fixed;
    right: 40px;
    transform: translateX(100%);
    transition: all ease 500ms;
    z-index: 333333;
}
.a11y-outer-container.active {
    transform: translateX(40px);
    transition: all ease 500ms;
}
.a11y-container {
    background-color: #144b9e;
    border-top: 1px solid white;
    border-left: 1px solid white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.a11y-btn {
    background-color: #144b9e;
    background-size: 80%;
    background-position: 4px;
    background-repeat: no-repeat;
    border: none;
    border-radius: 0px;
    color: white;
    min-height: 40px;
    margin: 0;
    padding: 5px;
    min-width: 40px;
}
#a11y_btn {
    background-image: url(/images/sites/hok/a11y-icon.png);
    border: none;
}
.a11y-btn.contrast {
    background-image: url(/images/sites/hok/contrast-icon.png);
}
.a11y-btn.txt-inc {
    background-image: url(/images/sites/hok/text-size-icon.png);
}
.a11y-btn.reset {
    font-weight: 600;
    height: auto;
    letter-spacing: 0.1em;
    padding: 10px 5px;
     width: auto;
     vertical-align: bottom;
}
.a11y-btn.exit::after {
    content: "\0002B";
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    top: -2px;
    transform: rotate(45deg);
}
/* BIZANGO PAGE LAYOUT STRUCTURE */

#page_body{position: relative;
}
#body_home #page_body{
}
#body_home #hero_frame .page_frame {
    padding-top: 160px;
}
#hero_frame{
	position:relative;width:100%;
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #1da8bd;
    background-image: url("https://s3.amazonaws.com/hoth.bizango/images/270157/abstract-banner_feature.jpg");
}

.hero_text{
    margin-top: 176px;
    margin-right: -87px!important;
    padding-bottom: 113px;
}
#body_home .hero_text{
    margin-top: 157px;
    padding-bottom: 111px;
}
.hero_text h1{
    font-size: 4.375rem;
    color: #144b9e;
    line-height: 1.07em;
    margin-bottom: 0;
}
.hero_text h2{
	font-size: 3.375rem;
}
.hero_text h3{
	font-size: 2.75rem;
}
.hero_text h4{
	font-size: 1.75rem;
}
.hero_text p{
	font-size: 1.5rem;color: #454545;
}

.hero_text2{
    margin-top: 77px;
    color: white;
    padding-bottom: 51px;
}
#body_products .hero_text2 a{    color: #acd6e6;}
.hero_text2 h2{
	font-size: 3.125rem;
}
.hero_text2 p{
	font-size: 1.125rem;
}
.page_frame{
    margin:0px auto;position:relative;width:1100px;
}
.page_full{
	width: 90%;padding: 0 5%;
}

/* 2-column layouts only */
.page_sidebar{
	position: relative;
	width:30%;
}
.page_content{
	position: relative;
	width:65%;
}
.page_half{
	position: relative;
	width: 45.8%;
}
.page_half_noguttter{
	position: relative;
	width: 50%;
}

.one-col, .two-col, .three-col, .four-col, .five-col, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .thirteen-col, .fourteen-col, .fifteen-col {
	margin-right: 20px;
	position: relative;
}

.one-col {
	width: 50px;
}

.two-col {
	width: 120px;
}

.three-col {
	width: 190px;
}
.threeish-col {
    width: 201px;
}
.four-col {
	width: 260px;
}

.five-col {
	width: 330px;
}

.six-col {
	width: 400px;
}

.seven-col {
	width: 470px;
}

.eight-col {
	width: 540px;
}

.nine-col {
	width: 610px;
}

.ten-col {
	width: 680px;
}

.eleven-col {
	width: 750px;
}

.twelve-col {
	width: 820px;
}

.thirteen-col {
	width: 890px;
}

.fourteen-col {
	width: 960px;
}

.fifteen-col {
	width: 1030px;
}

.sixteen-col {
	width: 1100px;
	margin-right: 0;
}

.rando1{
	width: 510px;
	margin-left: 2px;
	position: relative;
}
.rando2{
	width: 497px;
	margin-right: 32px;
	position: relative;
}
.rando3{
    width: 493px;
    margin-left: 43px;
    position: relative;
}



/* NAV */
#body_home #nav_frame {
    left: 0;
    max-width: 100vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 5;
}
#nav_frame{
    box-sizing: border-box;
	position: relative;width:100%;
	text-align: right;
    padding-top: 61px;
    padding-bottom: 30px;
    background-color: #fafaf5;
}

#body_home #nav_frame{
	padding-top: 54px;
	padding-bottom: 0;

	background: none;
}
#nav{
    position:relative;
    display: inline-block;
    margin-right: -38px;
    list-style-type: none;
    margin-top: -18px;
    padding-right: 10px;
    float: right;
}
ul.nav{
	z-index:100;
	margin:0px;
    max-width: 100vw;
    padding:0px;
	list-style:none;

	}
ul.nav li{

	}
#nav ul > li {

	display: inline-block;
	line-height:1.2em;
	margin-top:0px;
	margin-bottom:0px;
	}
#nav ul > li a	{
    /* padding-top: 20px; */
    padding-bottom: 13px;
    padding-top: 13px;
}
#nav a{
	display: block;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	padding-right: 15px;padding-left: 18px;
	text-decoration: none;
	color: #393939;
	font-size: 0.968rem;
	letter-spacing: .8px;
}

#nav .second_nav a{
	display: block;
	float: left;
	font-weight: normal;
	font-size: 0.8125rem;
	text-transform: uppercase;
	padding: 0px 10px;
	text-decoration: none;
}
.second_nav img{margin-bottom: -3px;}
#nav ul.nav > li:last-child > a,
#nav ul.second_nav > li:last-child > a{padding-right: 0;}
.second_nav {
	margin-left: 0;
	margin-top: 0;
	display: inline;
	list-style-type: none;
}
#nav a:hover{
    color:#000;

}

ul.nav > li:hover .submenu,
ul.nav > li:focus-within .submenu {
display: block;
}
ul.nav > li:hover  {
/*	background: white*/
}

.submenu {
    position: absolute;
    z-index: 1;
    /* top: 40px; */
    top: 80px;
    display: none; 
    margin: 0;
    background:white;
    list-style-type: none;
    padding: 10px 0;
	text-align: left;
}
#nav .submenu li{
	color: white;
	float: none;
    display: block;
}
#nav .submenu li a{
	font-size: 0.875rem;
	float: none;
}


#mobile_nav{display: none;}


#footer{
	background: #ffffff;
    padding: 62px 0 78px;
}
.footsoc{
    margin-right: 15px;
    margin-top: 37px;
    display: inline-block;
}
#footer ul{
    list-style: none;
    margin-left: 0;
    margin-right: 20px;
}
#footer .logo img{
	max-width: 183px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 16px;
}
.cookie_notice{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100vw;
    padding: 15px 0px 5px;
    z-index: 222222;
    color: white;
    background: #144c9e;
}
.cookie_notice p{
    font-size: 0.8125rem;
    font-weight: normal;
    text-align: center;
    color:
    rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    line-height: 1.38em;    margin-bottom: 7px;
}
.cookie_notice .iagree{
    border-radius: 5px;
    border: 0px none;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 0.8125rem;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
    transition: all 0.25s ease 0s;
    text-shadow:
    rgb(0, 0, 0) 0px 0px 2px;
    display: inline-block;
    background-color:
    rgb(91, 183, 91);
    color:
    rgb(255, 255, 255);
}
.cookie_notice .disagree{
    border-radius: 5px;
    border: 0px none;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 0.8125rem;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
    transition: all 0.25s ease 0s;
    text-shadow:
    rgb(0, 0, 0) 0px 0px 2px;
    display: inline-block;
    background-color:
    rgb(183, 91, 91);
    color:
    rgb(255, 255, 255);
}
.cookie_notice .cp{
    border-radius: 5px;
    border: 0px none;
    padding: 6px 10px;
    font-weight: bold;
    font-size: 0.8125rem;
    cursor: pointer;
    margin: 0px 15px 0px 0px;
    transition: all 0.25s ease 0s;
    text-shadow:
    rgb(0, 0, 0) 0px 0px 2px;
    display: inline-block;
    background-color:
    rgb(105, 118, 119);
    color:
    rgb(255, 255, 255);
}
.cookie_notice h4{
    z-index: 999999;
    padding: 0px 0px 7px;
    text-align: center;
    color:
    rgb(255, 255, 255);
    font-family: Arial, sans-serif;
    display: block;
    font-size: 0.9375rem;
    font-weight: bold;
    margin: 0px;
}
.copy{
    margin-left: 6px;
    font-size: 0.8125rem;
    color: #545454;
    letter-spacing: 0px;
}
ul.footernav{
	border-bottom: 1px solid #a8a8a8;
    padding-bottom: 16px;
    margin-bottom: 14px;
}
#footer li{
    display: inline-block;
    margin-bottom: 0;
    margin-left: 24px;
}
#footer .second_footer_nav li{
        margin-left: 7px;
}
#footer a{font-size: 0.8125rem;color: #4b72b3;text-transform: uppercase;}
#subfooter{
	background: black;
	text-align: center;
}

#bizango{
    text-align: left;
    width: 156px;
    height: 13px;
    font-size: 0.625rem;
    margin: 0 auto;
    padding: 14px 0;
    display: inline-block;
    background-image: url(/images/bizango-white-small.png);
    background-repeat: no-repeat;
    background-position: right center;
    opacity: .5;
    color: white;
    font-weight: 400;
}

/* REQUIRED FOR CMS */

.block_container{
	position:relative;
}
.block_container_loggedin{
	min-height:200px;
	position: relative;
}
.blockcontrols{
	position:relative;top:0px;left:0px;
	width:100%;padding:0px;background-color:#eee;color:#666;
	z-index:999;
	max-height:500px;
	/*transition: max-height 1.5s;*/
	box-shadow:inset  0  10px 10px -10px #888,inset  0 -10px 10px -10px #888;
	transition: all 0.7s ease;
	overflow:hidden;
	
}
.blockcontrols_closed{
	max-height:0px;
	box-shadow:none;
	/*transition: max-height .5s;*/
	transition: all 0.7s ease;

}
.blockcontrols p{font-size:13px; color:#666; margin-bottom:0px;margin-top:10px;}

.help{
padding: 10px;
background: #ddd;
border-radius: 8px;
color: #666;
font-size: 0.8125rem;
line-height: 1em;
margin: 0px;
}
.help p a{
    color:#ddd;text-decoration:underline;
}
.bizango_control{z-index: 100;position: relative;}

button{
    background: #2262aa;
    padding: 5px 15px;
    border: 1px solid #2a7ad4;
    margin: 5px 10px 5px 0px;
    color: white;
    border-radius: 4px;
    text-shadow: 1px 1px 0px #205C9F;
    cursor: pointer;
    font-size: 0.9375rem;
    font-family: "Helvetica Neue","Helvetica","Arial";
    font-weight: 200;
}

.admin_help .blog_admin_label{
	display: none;
}
.admin_help .bizango_admin_dark .blog_admin_header{font-size: 0.8125rem;}

.gear{
	position: absolute;
	height: 52px;
	width: 52px;
	background:  url("/images/admin/gear2.png") no-repeat center center;
	top: 15px;
	left:15px;
	cursor: pointer;
	z-index:999;
	transition: all 0.7s ease;
}

.blockcontrols_gear_closed{

	transition: all 0.7s ease;
	transform: rotate(-30deg)
}




/*bookshelf pages */

.bookshelfrow {
    background-image: url('/images/bookshelf.png');
    background-repeat: no-repeat;
    background-position: 0px 261px;
}
.book_on_shelf {position:relative;float:left;width:205px;margin:30px 22px 20px 22px;height:430px;}
.book_on_shelf_img_holder{height:252px;width:100%;}
.book_on_shelf img{
	max-width: 100%;height:240px;display:block;margin:0px auto;box-shadow:1px 5px 7px rgba(0,0,0,.5);
}
.book_text{width: 200px;}

/* OPTIONAL */

img.illustration{
    display:block;margin:0px;margin-bottom:20px;
}
#logo{
	float: left;margin-left: -30px;
}

#newsflash{
	padding:20px;color:#c6c2c2;margin-top:30px;margin-bottom:20px;
}

#newsflash h2, #newsflash h1{color:#eee}


img.content_image{
	clear:left;display:block;float:left;margin:10px 20px 20px 0px;
}



/* collection list items */

.collection_list_item{
	clear:both;
    list-style: none;
    margin-bottom: auto;
    padding-bottom:30px;
}
p.collection_list_item_readmore{
    font-size: 0.875rem;
    font-weight: bold;
}
.cuffs_list{
    display: table;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea;
}
.cuffs_list p{
    font-size: 0.75rem!important;
    margin-bottom: 10px;
}



/* EXPANDABLE BUY BUTTON WITH TOGGLE-ABLE LINKS */
#buy_button_container{
	position: relative;
	} /* parent element for expandable buy button */

#buy_button{
	background-color:#222;color:#eee; padding:10px 20px;
	text-decoration:none;
	display:block;
}

#buy_button.buy_button_open{}/* open state for clickable part of the button */

#buy_button_container .buy_button_hidden{
	background-color:#222;color:#eee;
	padding:10px 20px;
	display:none;
}

#buy_button_container .buy_button_hidden p a{
	color:#eee;
	display:block;text-decoration:none;
	padding:10px 10px;
}



/*form*/
#bizango_superform li {
    list-style-position: outside;
    margin-bottom: 10px;
}
#bizango_superform label {
    display: block;
}
#bizango_superform .superform_field {
    font-size: 1.125rem;
    line-height: 1em;
    width: 97%;
    height: 18px;
    margin: 0 auto 10px;
    border: 0px solid #111;
    color: #454545;
    padding: 11px 0 11px 3%;
    /* background-color: #d7f0f2; */
}
#bizango_superform .req::after {
    color: red;
    content: "*";
    font-size: 0.8rem;
    vertical-align: super;
}
#bizango_superform #superform_submit {
    float: right;
    background: #144c9e;
    color: white;
    padding: 10px 40px;
    text-align: center;
    font-size: 1.063rem;
    letter-spacing: 1.7px;
    border: 0;
    -webkit-appearance: none;
    cursor: pointer;
}
#bizango_superform input.error,
#bizango_superform select.error {
    border: 2px solid red;
}
#bizango_superform label.error {
    background: red;
    color: black;
    display: block;
    font-weight: bold;
    padding: 2px 10px;
}
.field {
    font-size: 0.9375rem;
    width:200px;
    margin: -27px auto 10px;
    border: 0px solid transparent;
    color: #393939;
    padding: 11px 0 11px 3%;
    background-color: rgba(255,255,255,0);
}
.submit {
    position: absolute;
    right: 0px;
    top: -15px;
    width: 28px;
    height: 47px;
    cursor: pointer;
    background: url(/images/sites/hok/search.png) center center no-repeat;
    border: 0;
    padding-right: 0;
    -webkit-appearance: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-weight: normal;
    font-size: 0.8125rem;
    color: #393939;
    font-family: "azo-sans-web","Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
::-moz-placeholder { /* Firefox 19+ */
    font-weight: normal;
    font-size: 0.8125rem;
    color: #393939;
    font-family: "azo-sans-web","Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
:-ms-input-placeholder { /* IE 10+ */
    font-weight: normal;
    font-size: 0.8125rem;
    color: #393939;
    font-family: "azo-sans-web","Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
:-moz-placeholder { /* Firefox 18- */
    font-weight: normal;
    font-size: 0.8125rem;
    color: #393939;
    font-family: "azo-sans-web","Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
.search-form .field {
    margin: 0 5px;
    background: rgba(255,255,255,0.7);
    border: 2px solid white;
    border-radius: 5px;
}
.search-form .submit {
    background: #144b9e;
    border-radius: 5px;
    box-sizing: border-box;
    color: white;
    padding: 3px 10px;
    position: relative;
    text-transform: uppercase;
    top: auto;
    width: auto;
}
select {
    width: 100%;
    padding: 2.5% 3%;
    border-radius: 8px;
    border: 0px solid transparent;
    margin-bottom: 10px;
    line-height: 1.5em;
    font-size: 1.063rem;
    color: #3b3b3b;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/images/sites/biz/grayDownNew.png) 95% 50% no-repeat #d7f0f2;
    font-family: "azo-sans-web","Helvetica Neue", "Helvetica", Arial, Sans-Serif;
}
input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin:0; 
}
.thingy{
    padding-top: 24px;
    padding-bottom: 2px;
}

.thingy p{line-height: 1.5em;}

.sideimg{
    float: left;
    margin-left: -130px;
    margin-top: -70px;
    margin-bottom: -118px;
    margin-right: -59px;
}
.subnav {margin: 0;float: right;}
.subnav li,
.subnav button {
    float: left;
    font-family: "neuzeit-grotesk";
    font-size: 1.125rem;
    padding: 20px 31px 0;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    list-style-type: none;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 100;
    cursor: pointer;
}
.subnav li a,
.guides_section .subnav button {
    color: #1da8bd;
}
.guides_section .subnav button,
.subnav.specialty button {
    background-color: transparent;
    border: none;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    margin-bottom: 1.4em;
    text-shadow: none;
    text-transform: uppercase;
}
.subnav li:last-child,
.subnav button:last-child {padding-right: 0;}
.subnav .current {
	background-image:url(/images/sites/hok/bigDown.png);
    display: none;
    position: absolute;
    width: 45px;
    height: 25px;
    bottom: -23px;
    z-index: 100;
    margin-left: 42px;
}
.subnav li.active a,
.guides_section button.active {
	color: #1d67bd;
}

.subnav.specialty {margin: 0;float: left;}
.subnav.specialty li,
.subnav.specialty button {
    padding: 0;
    margin-right: 110px;
    background-position: 35% 100%;
    float: none;
    text-transform: uppercase;
    list-style-type: none;
    background-position: bottom center;
    background-repeat: no-repeat;
    z-index: 100;
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    height: 100%;

}
.subnav.specialty li .textstuff,
.subnav.specialty button .textstuff{
    border-left: 4px solid;
    padding-left: 17px;
    display: inline-block;
    line-height: 1.33em;
    padding-bottom: 7px;
    color: #1da8bd;
}
.subnav.specialty li.active .textstuff,
.subnav.specialty button.active .textstuff{
	color: #1d67bd;
}
.guides_section{
	text-align: center;
}
.special-thing{
    display: inline-block;
    text-align: center;
    font-size: 0.8125rem;
    letter-spacing: 1.50px;
    padding-right: 11px;
    background-image: url(/images/sites/hok/blueRight.png);
    background-position: right center;
    background-repeat: no-repeat;
    margin: 0 auto 47px;
    color: #1d67bd;
}

.thingamajiggywithit{
	position: relative;
	padding-top: 234px;
    padding-bottom: 17px;
	box-shadow: inset 48px 0 47px -9px rgba(255,255,255,1),
				inset -53px 0 36px -11px rgba(255,255,255,1);
}

.thingamajiggywithit .screen{
	background-color: rgba(255,255,255,.1);
}

.info_section{border-top: 1px solid #1d67bd;display: none;    padding: 68px 0 40px;background-color: #f5f5f6;    min-height: 440px;}
#body_guides .info_section{padding:68px 0 63px;}
#body_home .info_section{background-color: transparent;padding:0;}
.info_section h1,.info_section h2{
    line-height: 1.25em;
    margin-bottom: 24px;
    color: #1d67bd;
    font-size: 2.5rem;
}
#body_home .info_section h1,#body_home .info_section h2{
        margin-bottom: 16px;
}
#body_home .info_section p{
    line-height: 1.375em;
}
#body_home .info_section a{
    font-size: 0.875rem;
}
.info_section:first-child{display: block;}

.cta{
    color: white;
    background: #464646;
    font-size: 0.875rem;
    font-family: "neuzeit-grotesk";
    padding: 16px 0 17px;
}
.cta p{
    font-size: 0.875rem;
    letter-spacing: .5px;
}
.cta *{margin-bottom: 0;}
.cta a{color: #1da8bd;}
.couplatextcss{padding-top: 38px;}
#body_guides .couplatextcss {
    padding-top: 4px;
}
.couplatextcss h3{font-size: 1.375rem;     margin-bottom: 0;color: #144c9e;    letter-spacing: 5.5px;}
.couplatextcss p{    letter-spacing: .6px;font-family: "neuzeit-grotesk";}
#body_guides .couplatextcss p{color: white;}
.uses-slider{position: relative;text-align: center;padding:0 0 32px;width: 90%;margin-left: 5%;}
.uses-slide{padding: 0 10px;white-space: normal;vertical-align: top;display: inline-block;}
.uses-slide .imgholder{
    display: inline-block;
    margin: 0 auto 19px;
    height: 79px;
    text-align: center;
}
.slidepadding{padding-bottom: 21px;position: relative; }
#body_guides .slidepadding{ padding-bottom: 13px;}
.insert{
    background-image:url(/images/sites/hok/mask.png);
    background-position: top center;
    background-repeat: repeat-x;
    width: 100%;height: 41px;
    position: absolute;top: -41px;
    left: 0;right: 0;
}
.imgholder .helper{    
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.uses-slide img{vertical-align: middle;}
.uses-slide a{color: #1da8bd;}
.uses-slide p{line-height: 1.25em;}
.gallery-nav{
	height: 50px;
	width: 20px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
    top: 42%;
    z-index: 999;
    position: absolute;
    display: inline-block;
}
button.gallery-nav {
    background-color: transparent;
    border: none;
    padding: 0;
}
#body_home .gallery-nav{top: 47%;}
.prev{
	left: 0;
	background-image:url(/images/sites/hok/prev.png);
}
.next{
	right: 0;
	background-image:url(/images/sites/hok/next.png);
}
.button,.buttonlinks a {
    display: inline-block;
    margin: 0 auto;
    background-color: #144c9e;
    color: white;
    padding: 12px 37px 12px 21px;
    background-image: url(/images/sites/hok/whiteRight.png);
    background-position: 84% center;
    background-repeat: no-repeat;
    font-family: "neuzeit-grotesk";
    font-size: 0.875rem;
    z-index: 99;
    margin-right: 93px;
    letter-spacing: .6px;
    margin-top: -4px;
}
.buttonlinks a{margin-bottom: 20px;}


.button_dos {
    display: inline-block;
    margin: 0 auto;
    background-color: #95b4d8;
    color: #144c9e;
    padding: 19px 66px 12px 48px;
    background-repeat: no-repeat;
    font-family: "neuzeit-grotesk";
    font-size: 1rem;
    z-index: 99;
    margin-right: 0;
    letter-spacing: .6px;
    margin-top: 6px;
    text-align: left;
    font-weight: bold;
    line-height: 2em;
}
.button_dos .white{
    font-size: 0.875rem;
    letter-spacing: 1px;
    color: white;
}
.special_button{
    display: inline-block;
    margin: 0 auto;
    position: absolute;
    background-color: #144c9e;
    color: white;
    padding: 12px 10px 12px 0px;
    background-image: url(/images/sites/hok/whiteRight.png);
    background-position: 88% center;
    background-repeat: no-repeat;
    font-family: "neuzeit-grotesk";
    font-size: 0.875rem;
    left: 0;
    right: 0;
    bottom: -43px;
    width: 172px;
    z-index: 99;
    letter-spacing: .8px;
}
.arrow{position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;}
.table.halfsies{
    min-height: 456px;
}
.halfsies .cell{
	width: 50%;
	background-color: #577eb9;
	color: #ffffff;
	padding: 71px 0 110px;
	position: relative;
}
.halfsies .screen{
	    background: rgba(0,0,0,.2);height: 100%;
}
.halfsies .wth{
    position: absolute;
    left: -135px;
    z-index: 0;
    top: 78px;
}
.halfsies h3{
    font-family: "adobe-caslon-pro";
    font-weight: 100;
    font-size: 1.5rem;
    line-height: 1.75em;
    margin-bottom: 24px;
}
.halfsies p{font-size: 0.875rem;}

.transrule{
	position: absolute;
	height: 9px;
	width: 100%;
	background-color: rgba(29,168,189,.59);
	top: 0;
    left: 0;
}

#product_title{
	background: #1d67bd;
    padding: 36px 0 13px;
    margin-top: -8px;
    margin-bottom: 39px;
    position: relative;
}
#page_product p{
	line-height: 1.375em;
}
#product_title h1{
	color: white;
	margin: 0;
}
.childpro{
	background: #f8f8f8;
    padding: 30px 0 72px;
}
.childpro p{
	font-size: 0.875rem;
}
.childpro p.title{
	font-size: 1rem;
    display: inline-block;
    width: auto;
    max-width: 52%;
}
.childpro .protext p.title {
   max-width: 100%;
}
.childpro a{

}
.protitle{
    text-transform: uppercase;
    font-family: "neuzeit-grotesk";
    color: #144c9e;
    letter-spacing: 5.5px;
    font-size: 1.375rem;
    margin-bottom: 30px;
    margin-top: 4px;
}
.sidelink{
	font-size: 0.8125rem;
    margin-right: 25px;
    margin-top: 3px;
    letter-spacing: .5px;
}
.proimg{
    width: 43%;
    float: left;
    margin-right: 40px;
    background-size: 90%;
    background-position: center center;
    background-color: white;
    border: 1px solid #e8e8e8;
    font-size: 0.8125rem;
    margin-top: 8px;
    margin-right: 21px;
    font-weight: normal;
    background-repeat: no-repeat;
    letter-spacing: .5px;
}
.proimg .ratio{padding-top: 100%;}

.links{float: left;clear: left;margin-bottom: 79px;}
.links:nth-child(even){
    float: right;
    clear: none;
}

.protext{
    width: 43.5%;
    float: right;
    margin-right: 5%;
    margin-top: 16px;
}
.links a{color: #1da8bd;}


.product_details{
	border-top: 1px solid #144c9e;
	background: #f8f8f8;
	margin-top: 20px;
	padding-bottom: 31px;
}
#body_search .product_details{
    margin-top: 0;
}

.product_details h3 {
    margin-top: 53px;
    font-size: 1.375rem;
    color: #144c9e;
    letter-spacing: 5.5px;
    margin-bottom: 43px;
}
.product_details p,.product_details li {
    font-size: 0.875rem;
    line-height: 1.5em;
    margin-bottom: 6px;
}
.product_details li {margin-bottom: 0;}
.product_details ul{
	margin-left: 0;
}

.video_container {
    position: fixed;
    width: 80%;
    top:100px;
    z-index: 100;
    left:10%;
    background-color: black;
    height: 0;
}
.close{
    position: absolute;
    top:-15px;
    right: -15px;
    height: 30px; 
    width: 30px;
    background:url(/images/sites/sft/close.png) center no-repeat;
    cursor: pointer;
    z-index: 101;
    display: none;
}
button.close {
    background-color: transparent;
    border: none;
    padding: 0;
    margin: 0;
}
button.close:focus {
    border: 1px solid blue;
}
button.hidden {
    border: none;
    display: block;
    height: 0;
    margin: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden;
}
.arrowthang{
	position: absolute;
	top: -2px;
	left: 0;right: 0;
	margin: 0 auto;
}
.hidden_related{display: none;}
.bgdealie{background: url(/images/sites/hok/logofade.gif) top right no-repeat;padding-bottom: 97px;padding-top: 65px;}
.productLinks p{margin-bottom: 11px;}
.productLinks p.title, div.title p{font-size: 0.875rem;margin-bottom: 0;}
.smallText{font-size: 0.875rem;}
h3.dealie{
	font-family: "adobe-caslon-pro";
	font-size: 1.6875rem;
    margin-bottom: 22px;
}


.two-column{
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    -webkit-column-gap: 60px; /* Chrome, Safari, Opera */
    -moz-column-gap: 60px; /* Firefox */
    column-gap: 60px;
}
.seeall{
    float: right;
    font-size: 0.8125rem;
    margin-top: 2px;
    margin-right: 21px;
    font-weight: normal;
    letter-spacing: .5px;
    padding-right: 15px;
    background: url(/images/sites/hok/tealRight.png) right center no-repeat;
}
#body_guides .seeall{
    display: inline-block;
    text-align: center;
    float: none;
    margin: 0 auto;
    margin-bottom: 44px;
}

#body_guides .protitle{
    text-align: center;
    margin-top: 13px;
    margin-bottom: 12px;
}
.promore{
    letter-spacing: 1px;
    padding-right: 11px;
    background: url(/images/sites/hok/tealRight.png) right center no-repeat;
    font-size: 0.875rem;
}
/* Breadcrumbs in Collections */

#breadcrumbs {}
#breadcrumbs ul {
	margin:0;
	padding:0;
	display:inline-block;
	}
#breadcrumbs li {
	font-size: 1em;
	list-style:none;
	display:inline-block;
	}
#breadcrumbs a {
	color:red;
	}
#breadcrumbs a:after {
	content:"\203A";
	padding-left:5px;
	}
#breadcrumbs a:hover {
	text-decoration:none;
}

.blog_content {
  padding-top: 4em !important;
}
.archive-basic .blog_story_in_list {
  margin-bottom: 2em;
}
.sidebar-false .blog_story_in_list .blog_title h1,
.sidebar-false .blog_story_in_list .blog_created_at {
    text-align: left;
}
.blog_story_in_list {
    list-style: none;
}
.blog_story.blog_story {
    width: 100%;
    padding: 0;
}
@media only screen and (max-width: 1140px){
  .blog_content {
    padding-left: 5% !important;
    padding-right: 5% !important;
  }
}
@media only screen and (min-width: 660px){

  .archive-basic .blog_main_column .blog_teaser_image {
    box-sizing: border-box;
    float: right;
    width: 50%;
  }
  .archive-basic .blog_main_column .blog_post_teaser {
    box-sizing: border-box;
    float: left;
    padding-right: 5%;
    width: 50%;
  }
}

/* 
.archive-basic .blog_teaser_image img.illustration,.archive-basic .blog_teaser_image img.illustration {
    max-width: 100%;    width: inherit;
}
.post-basic .blog_post_content img.illustration {
    max-width: 28%;    width: inherit;
}
 */

/* helpers-> clearfix */
.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
.fl{float: left;}
.fr{float: right;}
.tAc{text-align: center;}
.tAr{text-align: right;}
.tAl{text-align: left;}
.center{margin-right: auto;margin-left: auto;}
.table{display: table;width: 100%;position: relative;}
.cell{display: table-cell;vertical-align: middle;}
.clear{clear:both;}
.spreadme{     text-align: justify;-ms-text-justify: distribute-all-lines;text-justify: distribute-all-lines;}
.spreadme:after {content: "";width: 100%;display: inline-block;}
.blocklinks{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.userBG{background-size: cover;}
.noMar{margin-right: 0;}
.lightText,.lightText h1{color: white;}
.bottomWhite{border-bottom: 1px solid white;}
.bottomGray{border-bottom: 1px solid #f8f8f8;}
.whiteBG{background-color: white;}
.blueBG{background-color: #1d67bd;}
.ltBlueBG{    
    background: #c5d9f1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#bdd4ef, #c1d6f0); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#bdd4ef, #c1d6f0); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#bdd4ef, #c1d6f0); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#bdd4ef, #c1d6f0); /* Standard syntax */}
.ltGrayBG{background-color: #f8f8f8;}
.tealText{color: #1da8bd;}
.tealLinks a{color:  #1da8bd;}
.topBlue{border-top: 10px solid #144b9e;}
.ptb1{ padding-top: 40px;padding-bottom: 44px;}
.ptb2 {padding-top: 43px;padding-bottom: 8px;}
.pt{padding-top: 29px;}
.screen{position: absolute;z-index: 0;top: 0px;bottom: 0px;width: 100%;left:0px;right: 0px;}
.indiv div{display: inline;}
.noDesk{display: none;}
.hidden{display: none;}
#body_articles #hero_frame .screen ,#body_guides #hero_frame .screen,#body_exam #hero_frame .screen{background: rgba(29,103,190,.5);}

.hidemeunder5{display: none;}

@media all and (max-width: 1299px){
.hero_text{margin-right: 5%!important}
#nav{margin-right: 0;}
#logo{margin-left: 0;}
}

/*- Mobile Styles Large */
@media all and (max-width: 1099px){
	#nav{display:none;}
	.page_frame{width:100%}
    .hidemeunder5{display: inline;}
    #body_home #mobile_nav {
        width: 90%;
    }
	#mobile_nav{
        box-sizing: border-box;
		display: block;
		text-align: left;
		padding:0 5%;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		width: 90%;
		position: relative;
	}
    #body_home #mobile_nav .icon {
        margin-top: 70px;
    }
    #body_home #mobile_nav .nav {
        top: 120px;
    }
	#mobile_nav .icon{
		position: relative;
		font-size: 1.4em;
		padding-left: 5px;
	}
	#mobile_nav .nav{
		position: absolute; 
		width: 100%;
		top:50px;
        left: 0;
	}
	#mobile_nav .nav li{
		float: none;
		background-color: #1d67be;
		padding: 0 5%;
		height: inherit;
        margin: 0;
        text-transform: uppercase;
	}
	#mobile_nav .nav li a{
		display: block;
		padding:10px 0;
        color: white;
	}
	.bookshelfrow {background-image:none;}
	.book_on_shelf {float: none; width: 90%; padding: 5%; height: auto;margin: 0;}
	.book_on_shelf_img_holder{width:100%;}
	.book_on_shelf img{
		max-width: 100%;display:block;margin:0px auto;box-shadow:1px 5px 7px rgba(0,0,0,.5);
	}
	.book_text{margin: 0 auto;}
	.page_tricol_right img.illustration{width: 50%; margin: 10px auto;}
	.collection_list_item{margin-bottom: 10px;}
	.page_tricol_left_double,.page_frame{
		float:none;width: 100%;margin: 0;
	}
	.mSize,.rando1,.rando2,.rando3,.one-col, .two-col, .three-col, .four-col, .five-col,.six-col_special, .six-col, .seven-col, .eight-col, .nine-col, .ten-col, .eleven-col, .twelve-col, .thirteen-col, .fourteen-col, .fifteen-col , .sixteen-col ,.page_half_noguttter,.page_half,.page_tricol_right,.page_tricol_left,.page_tricol_content,.page_content,.page_sidebar,.blog_main_column,.blog_header{
		width: 90%;margin:0;padding: 0 5%;float: none;
	}
	.page_tricol_left{
		text-align: left;
	}
	.page_tricol_left img{
		display: block;
		margin: 0 auto;
	}
	.hero_text{margin-right: 0!important}
	.subnav li {font-size: 1rem;padding: 20px 22px 47px;}
	.subnav li:last-child {
	    padding-right: 10px;
	}
    #logo{float: none;display: block;max-width: 90%;margin: 0 auto;text-align: center;}
    .hero_text2{padding-top: 50px!important;padding-bottom: 30px!important;}
    .childpro{padding-left: 5%;padding-right: 5%;}
    .m_submenu{list-style: none;font-size: 0.875rem;}
    #product_title{padding: 36px 5% 13px;}
    .thingy *{text-align: center;}
    .thingy .button{margin-right: 0;}
    .bgdealie * {text-align: left;}
    .seeall{float: none;}
    .links {
        float: none;
        margin-bottom: 79px!important;
        padding: 0!important;
        width: 100%;
    }
    .links:nth-child(even) {float: none;}
    .protext {width: 50%;float: right;margin-right: 0;}


    .body_nothome .info_section{display: block;}
    .info_section{min-height: inherit;}
    h3.dealie{padding-left: 5%;}
    #body_home #hero_frame .screen{background: rgba(255,255,255,.5);}
    .subnav li.current{background: none;}
    .subnav.specialty li {
        padding: 0;
        height: initial;
        margin-right: 0;
        display: block;
        float: none;
        margin-bottom: 5px;
        background-position: 35% 100%;
    }
    .current{display: none!important;}
    #hero_frame{background-position: top left;}
}

/*- Mobile Styles phone*/
@media only screen and (max-width: 859px){
    .subnav li {
        font-size: 0.9375rem;
        padding: 0px 5px 19px;
        letter-spacing: 0;
        margin-bottom: 0;
    }
	.subnav li:last-child {
	    padding-right: 5px;
	}
    .halfsies .cell,.cell{display: block;width: 100%;}
    input{-webkit-appearance: none;-webkit-border-radius:0; }
    .sideimg{display: none;}
    .noDesk{display: block;}
    .noMob{display: none;}
    #body_home .subnav li{float: none;display: inline-block;}
    #body_home .subnav li.current{background:none;}
    #body_home .guides_section .subnav{text-align: center;}
    #footer li,#footer .second_footer_nav li{margin-left: 0;margin-right: 30px;}
    #footer .tAr{text-align: left;}
    .copy{margin-bottom: 30px;}
    .thingy .button{margin-bottom: 20px;}
    .protext {width: 100%;float: none;}
    .hero_text h1{font-size: 3.8125rem;}
    #body_home .hero_text {
        margin-top: 35px;
        padding-bottom: 27px;
    }
    .special-thing {margin: 0 auto 16px;}
    .thingamajiggywithit{padding-top: 35px;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .halfsies .screen{display: none;}
}
@media only screen and (max-width: 559px){
    .hero_text h1 {
        font-size: 2.5rem;
        line-height: 1.175em;
    }
}