@font-face {

    font-family: 'andesbold';

    src: url('fonts/andesbold-webfont.eot');

    src: url('fonts/andesbold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/andesbold-webfont.woff') format('woff'),

         url('fonts/andesbold-webfont.ttf') format('truetype'),

         url('fonts/andesbold-webfont.svg#andesbold') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'andes_boldbold_italic';

    src: url('fonts/andes-bold-italic-webfont.eot');

    src: url('fonts/andes-bold-italic-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/andes-bold-italic-webfont.woff') format('woff'),

         url('fonts/andes-bold-italic-webfont.ttf') format('truetype'),

         url('fonts/andes-bold-italic-webfont.svg#andes_boldbold_italic') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'andesextralight';

    src: url('fonts/andesextralight-webfont.eot');

    src: url('fonts/andesextralight-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/andesextralight-webfont.woff') format('woff'),

         url('fonts/andesextralight-webfont.ttf') format('truetype'),

         url('fonts/andesextralight-webfont.svg#andesextralight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'andeslight';

    src: url('fonts/andeslight-webfont.eot');

    src: url('fonts/andeslight-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/andeslight-webfont.woff') format('woff'),

         url('fonts/andeslight-webfont.ttf') format('truetype'),

         url('fonts/andeslight-webfont.svg#andeslight') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: 'andesregular';

    src: url('fonts/andesregular-webfont.eot');

    src: url('fonts/andesregular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/andesregular-webfont.woff') format('woff'),

         url('fonts/andesregular-webfont.ttf') format('truetype'),

         url('fonts/andesregular-webfont.svg#andesregular') format('svg');

    font-weight: normal;

    font-style: normal;



}

/* .01 General Elements

---------------------------------------------------------------------------- */


/* Toegevoegd Guus: */
td.odd {
	background:#EEEEFF;	
}

td.even {
	background:#FAEFFF;
}

/* -------------------- */

a {

	color: #7f7f7f;

	text-decoration: none; 

	outline: none; 

}

a:hover {

	text-decoration: none;

	color: #000; 

}

.hidden {

	display: none;

}

.invisible {

    visibility: hidden;

}

textarea {

    resize: vertical;

	overflow-y: auto;

}


input,

select,

textarea {

	color: inherit;

	font-size: inherit;

	font-family: inherit;

}

input::-moz-placeholder, 

textarea::-moz-placeholder,

.placeholder { 

	color: #747474; 

	opacity: 1;

	filter:alpha(opacity=1); 

}

input.placeholder { 

	color: #747474; 

}

:-ms-input-placeholder {  

   color: #747474;  

}

input:focus,

textarea:focus {

	outline: none;

}

.chromeframe {

    margin: 0.2em 0;

    background: #ccc;

    color: #000;

    padding: 0.2em 0;

}

hr {

    display: block;

    height: 1px;

    border: 0;

    border-top: 1px solid #ccc;

    margin: 1em 0;

    padding: 0;

}

img {

    vertical-align: middle;

	max-width: 100%;

	height: auto;

}

.clearfix:before,

.clearfix:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



.clearfix:after {

    clear: both;

}

.clearfix {

    *zoom: 1;

}

/*

 * Remove text-shadow in selection highlight: h5bp.com/i

 * These selection declarations have to be separate.

 * Customize the background color to match your design.

 */

::-moz-selection {

    background: #b3d4fc;

    text-shadow: none;

}



::selection {

    background: #b3d4fc;

    text-shadow: none;

}

/* .02 body

---------------------------------------------------------------------------- */

html {

	height: 100%;

}

body {

	color: #444;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-size: 12pt;

	background:#fff;

	min-height: 100%;	

	-webkit-text-size-adjust: none;

}

/* .03 layout

---------------------------------------------------------------------------- */

#wrapper {

	

}

#wrapper:before,

#wrapper:after,

#header:before,

#header:after,

#main:before,

#main:after,

#footer:before,

#footer:after,

.center-block:before,

.center-block:after,

.row:before,

.row:after,

#container:before,

#container:after {

    content: " "; /* 1 */

    display: table; /* 2 */

}



#wrapper:after,

#header:after,

#main:after,

#footer:after,

.center-block:after,

.row:after,

#container:after {

    clear: both;

}

#wrapper,

#header,

#main,

#footer,

.center-block,

.row,

#container {

    *zoom: 1;

}

.center-block {

	max-width: 960px;

	margin: 0 auto;

	position: relative;

}

/* .04 header

---------------------------------------------------------------------------- */

#header {

	

}

#header .topbar {

	overflow: hidden;

	background: #afa299;

	height: 36px;

}

.topbar .nav {

	float: left;

	padding-top: 8px;

}

.topbar .nav li {

	float: left;

	padding-left: 40px;

}

.topbar .nav li:first-child {	

	padding-left: 0;

}

.topbar .nav li a {

	color: #fff;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-size: 9pt;

	text-transform: uppercase;

}

.topbar .searchbox {

	float: right;

	position: relative;

	width: 270px;

	height: 25px;

	background: #fff;

	border-radius: 4px;

	-ms-border-radius: 4px;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);
	margin-top: 5px;

}

.topbar .searchbox input[type="text"] {

	background: #fff;

	border: none;

	position: absolute;

	top: 0;

	left: 0;

	height: 25px;

	padding: 4px 30px 3px 15px;

	width: 100%;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-size: 8pt;

	box-sizing: border-box;

	-ms-box-sizing: border-box;	

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);
	
}

.topbar .searchbox input[type="submit"],

.topbar .searchbox input[type="button"] {

	background: url(../images/icon-search.png) 0 0 no-repeat;

	border: none;

	cursor: pointer;

	width: 19px;

	height: 18px;

	font-size: 0;

	color: transparent;

	position: absolute;

	top: 4px;

	right: 5px;

}

#header .heading {	

	padding: 15px 0 15px 0;	

	overflow: hidden;

}

#header .heading .social {

	float: left;

}

.social li {

	float: left;

	padding-left: 15px;

}

.social li:first-child {

	padding-left: 0;

}

.social li a {

	background-image: url(../images/icon-social.png);

	background-repeat: no-repeat;

	color:transparent;

	font-size: 0;

	display: block;

}

.social li a.tw {

	background-position: 0 0;

	width: 31px;

	height: 25px;

}

.social li a.fb {

	background-position: -47px 0;

	width: 24px;

	height: 25px;

}

.social li a.nb {

	background-position: -86px 0;

	width: 38px;

	height: 25px;

}

.social li a.ig {

	background-position: -135px 0;

	width: 30px;

	height: 25px;

}

#header .heading .logo {

	float: right;

	margin-top: 10px;

}

/* .05 Navigation

---------------------------------------------------------------------------- */

#nav {

	

}

#nav li {

	

}

#nav li a {

	

}



/* .06 Main

---------------------------------------------------------------------------- */

#main {

	overflow: hidden;	

}

#container {

	max-width: 960px;

	margin: 0 auto;

	position: relative;

}

/* .07 ColLeft -  ColRight

---------------------------------------------------------------------------- */

#sidebar {

	width: 170px;

	padding-right: 15px;

	float: left;

	min-height: 1px;	

}

#sidebar .sitename {

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	font-size: 20px;

	padding-bottom: 45px;

	line-height: 1;

}

#sidebar .sitename a,

.heading .sitename,

.heading .sitename a {

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	font-size: 20px;	

	line-height: 1;

	color: #444;

}

#sidebar .sitename a:hover,

.heading .sitename a:hover {

	text-decoration: none;

}

.heading .sitename {

	width: 170px;

	float: left;

	margin-top: 10px;

	display: none;

}

.leftmenu {

	overflow: hidden;

	/*height: 0;

	margin-left: -12px;*/

}

.leftmenu > ul > li {

	padding-bottom: 30px;

}
.leftmenu > ul > li.current_page_item > ul.sub-menu,.leftmenu > ul > li.current_page_parent > ul.sub-menu,.leftmenu > ul > li.current_page_ancestor > ul.sub-menu,
.leftmenu > ul > li ul li.current_page_item > ul.sub-menu,.leftmenu > ul > li ul li.current-menu-parent > ul.sub-menu{display:block}
.leftmenu > ul > li > a {

	color: #7f7f7f;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	padding-left: 12px;

}

.leftmenu > ul > li a:hover {

	text-decoration: none;

	color: #000;

}

.leftmenu > ul > li  ul {

	padding-left:  30px;

	display: none;

	

}

.leftmenu > ul > li ul li {

	padding: 1px 0;

}

.leftmenu > ul > li ul li a {

	color: #7f7f7f;

	font-family: "andeslight", Arial, Helvetica, sans-serif;
	font-size:11pt

}

.leftmenu > ul > li .subnav {

    display: none;

    height: 0;

    overflow: hidden;   

}
.leftmenu > ul > li ul li.menu-item-has-children a{
	background: url(../images/arr-2.png) 0px 4px no-repeat;
	padding-left:12px
}
.leftmenu > ul > li ul li.menu-item-has-children ul li a{
	background:none; padding-left:0px
}
.leftmenu > ul > li.current-menu-item > a,

.leftmenu > ul > li.current-menu-ancestor > a,

.leftmenu > ul > li.current-menu-parent > a,

.leftmenu > ul > li.current-page-ancestor > a,

.leftmenu > ul > li > a:hover,

.leftmenu > ul > li > a.hover {

	color: #000;

	background: url(../images/arr-2.png) 0 4px no-repeat;

}

.leftmenu > ul  li.current-menu-item > .subnav ,

.leftmenu > ul  li.current-menu-ancestor > .subnav ,

.leftmenu > ul  li.current-menu-parent > .subnav ,

.leftmenu > ul  li.current-page-ancestor > .subnav,

.leftmenu > ul > li.current-menu-item > div > ul ,

.leftmenu > ul > li.current-menu-ancestor > div > ul ,

.leftmenu > ul > li.current-menu-parent > div > ul ,

.leftmenu > ul > li.current-page-ancestor > div > ul,

.leftmenu > ul > li > div > ul > li.current-menu-item ul ,

.leftmenu > ul > li > div > ul > li.current-menu-ancestor ul ,

.leftmenu > ul > li > div > ul > li.current-menu-parent ul ,

.leftmenu > ul > li > div > ul > li.current-page-ancestor ul {

	display: block !important;

	height: auto !important;

}

.leftmenu > ul  li.current-menu-item > a,

.leftmenu > ul li.current-menu-ancestor > a,

.leftmenu > ul  li.current-menu-parent > a,

.leftmenu > ul  li.current-page-ancestor > a {

	color: #000;

}

/* .08 content

---------------------------------------------------------------------------- */

#content {

	float: left;

	width: 775px;

}

#breadcrumbs {

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-size: 10pt;

	color: #7f7f7f;

	padding-bottom: 25px;

}

#breadcrumbs a,

#breadcrumbs span {

	color: #7f7f7f;
	text-transform:uppercase

}

#breadcrumbs span span {

	margin: 0 3px;

}

#breadcrumbs span span:first-child {

	margin-left: 0;

}

#breadcrumbs a:hover {

	text-decoration: none;

	color: #000;

}
/*side bar right*/

.right-sidebar{
	width:170px;
	float:right;
	padding-left:15px
}
#content.col3{
	width:590px
}
.right-sidebar p{
	margin-bottom:10px
}

/* .09 Footer

---------------------------------------------------------------------------- */

#footer {	

	padding: 20px 0;

}

#footer .nav {

	margin-left: 185px;

	overflow: hidden;

	font-size: 10pt;

}

#footer .nav.border {

	border-top: 1px solid #c0c1c1;

	padding-top: 10px;

}

#footer .nav .block {

	float: left;

	width: 160px;

	padding-left: 20px;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

}

#footer .nav .block:first-child {

	padding-left: 0;

}

#footer .nav .block h2 {

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	padding-bottom: 5px;

	font-size: 10pt;

	font-weight: normal;

}

#footer .nav .block li a {

	color: #7f7f7f;

}

#footer .nav .block li a:hover {

	text-decoration: none;

	color: #000;

}

/* 10 Page

---------------------------------------------------------------------------- */

/* 10.1 Home page

---------------------------------------------------------------------------- */

.homecont {

	position: relative;

}

.homecont img {

	max-width: 100%;

	height: auto;

}

.homecont .button-1 {

	background: url(../images/bg-opt-1.png) 0 0 repeat;

	padding: 30px 0;

	color: #fff;

	font-family: "andesbold", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	font-size: 20pt;

	display: block;

	position: absolute;

	right: -1000px;

	top: 28px;

	border-radius: 0 0 0 15px;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);
}

.homecont .button-1:hover {

	background: url(../images/bg-opt-2.png) 0 0 repeat;	

}

.homecont .button-1 span {

	background: url(../images/arr-1.png) center 100% no-repeat;

	display: block;

	padding-bottom: 32px;

	padding-left: 28px;

	padding-right: 28px;	

}

.homecont .button-1:hover {

	text-decoration: none;

}

.homecont .button-1:hover span {

	animation: animatedBackground 1s linear 1 forwards;

	-webkit-animation: animatedBackground 1s linear 1 forwards;

	-moz-animation: animatedBackground 1s linear 1 forwards;

}

@keyframes animatedBackground {

	0% { background-position: 50% 100%;}

	33% { background-position: 100% 100%; display: none;}

	34% { background-position: 0% 100%; display: block;}

	100% { background-position: 50% 100%;}	

}

@-webkit-keyframes animatedBackground {

	0% { background-position: 50% 100%;}

	33% { background-position: 100% 100%; display: none;}

	34% { background-position: 0% 100%; display: block;}

	100% { background-position: 50% 100%;}	

}

@-moz-keyframes animatedBackground {

	0% { background-position: 50% 100%;}

	33% { background-position: 100% 100%; display: none;}

	34% { background-position: 0% 100%; display: block;}

	100% { background-position: 50% 100%;}	

}

.button-2 {

	border: 1px solid #cbc3ba;

	font-family: "andeslight",Arial,Helvetica,sans-serif;

	text-transform: uppercase;

	color: #907d68;

	font-size: 12px;

	padding: 5px 10px;

	text-align: left;

	display: inline-block;

	border-radius: 0 0 0 8px;

	-ms-border-radius: 0 0 0 8px;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);

}

.button-2 span {

	background: url(../images/arr-btn-2.png) 0 11px no-repeat;

	display: inline-block;

	width: 75px;

	text-align: center;

	line-height: 1.5;

	padding-left: 15px;

}

.button-2:hover span {

	background: url(../images/arr-btn-2.png) 0 -39px no-repeat;

}

.button-2:hover {

	background: #fcc768;

	border: 1px solid #fcc768;

	color: #fff;

	text-decoration: none;

}

.hlauthor .detail .button {

	overflow: hidden;

	padding-bottom: 30px;

}

.hlauthor .detail .button .button-2 {

	float: right;

}

/* 10.2 Authors

---------------------------------------------------------------------------- */

.metahead {

	overflow: hidden;

	position: relative;

	min-height: 20px;

}

.metahead h1 {

	float: left;

	width: 310px;
	margin-right:10px

}

.metahead select,

.metahead .selectBox  {

	float: left;

}
.metahead label{float:left; margin-right:10px}
.metahead  .selectBox-dropdown {

	border: 1px solid #e4e4e5;

	background: #fff;

	height: 20px;

	line-height: 20px;

	border-radius: 0 0 0 5px;

	-ms-border-radius: 0 0 0 5px;

	color: #7f7f7f;

	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);

}

.metahead .selectBox-dropdown .selectBox-arrow {

	background: url(../images/select-arr-1.png) 0 4px no-repeat;

}

.hlauthor {

	overflow: hidden;

	padding-bottom: 40px;

}

.hlauthor .aside {

	width: 145px;

	float: left;

	padding-right: 50px;

}

.hlauthor .aside .desc {

	line-height: 1.5;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	color: #7f7f7f;	

	font-size: 9pt;

}

.hlauthor .aside .desc.author-desc {

	font-size: 12pt;

}

.hlauthor .aside .desc strong {

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #040707;

}

.hlauthor .aside .desc h3 {

	font-size: 12pt;

	font-weight: normal;

	color: #040707;

	text-transform: uppercase;

}

.hlauthor .aside .social {

	padding-top: 15px;

}

.hlauthor .aside .authorsocial {

	padding-bottom: 10px;

	overflow: hidden;
	float:left
}

.hlauthor .aside .photo {

	overflow: hidden;

	padding-bottom: 15px;

	padding-top: 5px;

}

.hlauthor .aside .photo .preview {

	height: 200px;

    overflow: hidden;

    width: 100%;

}

.hlauthor .aside .photo .preview img {

	max-width: 100%;

	max-height: 200px;

	height: auto;	

}

.hlauthor .aside .photo .thumbnails {  

    overflow: hidden;

    padding-top: 10px;

}

.hlauthor .aside .photo .thumbnails li:first-child {

    margin-left: 0;

}

.hlauthor .aside .photo .thumbnails li {

    float: left;

    margin-left: 10px;

}

.hlauthor .aside .photo .thumbnails img {

    display: block;

    width: 67px;

	opacity: 0.6;

	filter:alpha(opacity=60); 

}

.hlauthor .aside .photo .thumbnails li:hover img {

	opacity:1;

	filter:alpha(opacity=100); 

}

.hlauthor .detail {

	overflow: hidden;

	position: relative;

	padding-right: 205px;

	min-height: 150px;

	color: #7f7f7f;

}

.hlauthor .detail h1{

	font-family: "andesbold", Arial, Helvetica, sans-serif;

	text-transform: uppercase;

	font-size: 16pt;

	font-weight: normal;

	color: #040707;

}
.page-title{
	font-size:30px;
	font-family:"andeslight",Arial,Helvetica,sans-serif;
	text-transform:uppercase
}
.hlauthor .detail h1 {

	margin-bottom: 20px;

}

.hlauthor .detail .wp-editor h1 a,.hlauthor .detail .wp-editor h1 span {

	color: #28aadb !important;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-weight: normal;

	font-size: 12px;

	text-decoration: underline;

}
.hlauthor .detail .wp-editor h1 span{text-decoration:none}
.hlauthor .detail .video {

	position: absolute;

	right: 0;

	top: 0;

}

.hlauthor .detail .note {

	padding-top: 5px;

}

.hlauthor .detail .note strong {

	font-family: "andesbold", Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #040707;

}

.readables {

    border-top: 1px solid #dddddd;

    margin: 10px 0 0;

    padding: 15px 0 5px;

}

.readables a {

	color: #28aadb !important;

	text-decoration: underline;

}

.readables a:hover,

.hlauthor .detail .wp-editor h1 a:hover {

	text-decoration: none;

}

.quotes {

	padding-top: 50px !important;

	border: none !important;

}

.quotes h2 {

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #040707;

	font-size: 12pt;

	text-transform: uppercase;

	padding-bottom: 5px;

}

.blockquote,

.wp-editor blockquote {

	padding-bottom: 15px;

	margin: 0;

}

.blockquote .shortcont,

.wp-editor blockquote {

	color: #7f7f7f;

	line-height: 1.6;

	font-size: 12pt;

}



.hlbooks {

	overflow: hidden;	

}

.hlbooks h2 {

	font-size: 12pt;

	text-transform: uppercase;

	border-bottom: 1px solid #c9c9c9;

	padding-bottom: 5px;

	font-weight: normal;

	color: #040707;

	margin-bottom: 15px;

}

.books ul {

	margin-left: -8px;

}

.books li {

	display: inline-block;

	width: 144px;

	margin-left: 8px;

	vertical-align: top;

	margin-bottom: 50px;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	color: #7f7f7f;

	font-size: 10pt;
	height:260px;
	position:relative

}
.wp-editor .books p{
	margin-bottom:0px
}

.books li .illus {

	display: block;

	max-height: 162px;

	margin-bottom: 12px;

}

.books li .illus img {

	max-width: 100%;

	max-height: 162px;

}

.books li a {

	color: #7f7f7f;	

}

.books li .name a {

	color: #7f7f7f;	

}

.books li .name a:hover {

	text-decoration: none;

	color: #000;

}

.books li .price,

.books li .strong {

	color: #000;

	padding-top: 4px;

	font-family: "andesbold", Arial, Helvetica, sans-serif;

}
.books li .price{
	position:absolute;
	bottom:0px
}

.books li .authorname {
	padding-top: 4px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.books li .authorname a {

	color: #000;

}

.authorsocial li {

	padding-bottom: 5px;

	float: left;

	margin-right: 5px;

}

.authorsocial li a {

	display: block;

	min-height: 20px;

	padding-top: 4px;

	color: #000;

	

}

.authorsocial li a.tw {

	background: url(../images/icon-tw.png) 0 0 no-repeat;

	width: 35px;

}

.authorsocial li a.yt {

	background: url(../images/icon-yt.png) 0 0 no-repeat;

	width: 27px;

}
.authorsocial li a.fb{
	background:url("../images/icon-social.png") -47px 0px;
	width:25px
}
.sortbar {

	overflow: hidden;

	padding: 15px 0 10px 0;

	font-size: 12pt;

}

.sortbar a,

.sortbar span  {

	color: #7f7f7f;	

	margin: 0 3px;

	font-weight: normal;
	
	text-transform:capitalize
}

.sortbar strong {

	color: #000;	

	margin: 0 3px;

	font-weight: normal;

}

.sortbar a:hover {

	text-decoration: none;

	color: #000;

}

.sortbar strong:first-child {

	margin-left: 0;

}

.paging {

	overflow: hidden;

	padding-bottom: 15px;

}

.paging .pager {

	float: right;

}

.paging .pager li {

	float: left;

	padding: 0 7px;

	background: url(../images/line-1.png) 0 4px no-repeat;

	font-size: 9pt;

}

.paging .pager li:first-child,.paging .pager li.prev,.paging .pager li.next, .paging .pager li.prev + li {

	background: none;

	padding-left: 0;

}

.paging .pager li a {

	color: #7f7f7f;	

	font-size: 9pt;	

}

.paging .pager li a:hover {

	text-decoration: none;

	color: #000;

}

.authors ul {

	margin-left: -40px;

}

.authors li {

	display: inline-block;

	vertical-align: top;

	width: 115px;

	margin-left: 40px;

	margin-bottom: 40px;

	font-size: 10pt;

}

.authors li .illus {

	display: block;

	height: 152px;

	margin-bottom: 10px;

}

.authors li .illus img {

	max-width: 100%;

	max-height: 152px;

	height: auto;

}

.authors li a:hover img {

	opacity: 0.7;

	filter: alpha(opacity=70);

}

.ui-autocomplete {

	position: absolute;

	border: 1px solid #ccc;

	background: #fff;	

	float: left;

	font-size: 10pt;

}

.ui-autocomplete .ui-autocomplete-category {

	font-weight: bold;

	padding: 10px 15px 0 15px;

}

.ui-autocomplete .ui-menu-item {	

	overflow: hidden;

	position: relative;

}

.ui-autocomplete .ui-menu-item  a {

	position: absolute;

	height: auto;

	width: auto;

	top: 0;

	bottom: 0;

	left: 70px;

	right: 0;

	padding: 10px 20px 10px 0;

}

.ui-autocomplete .ui-menu-item  a:first-child {

	float: left;

	padding: 10px 10px 10px 30px;

	position: static;	

}



.ui-autocomplete .ui-menu-item:hover  {

	background: #F1F4F4;

}

.ui-autocomplete .ui-menu-item  a img {

	width: 30px;	

	margin-top: 4px;

}

.ui-autocomplete .ui-menu-item  a {

	color: #3D3235;

}

.ui-autocomplete .ui-menu-item  a:hover {

	text-decoration: none;

}

.ui-helper-hidden-accessible {

	display: none;

}

/* Dropdown control */

.selectBox-dropdown {

	min-width: 212px;

	position: relative;

	text-decoration: none;

	text-align: left;

	color: #7f7f7f;

	outline: none;

	vertical-align: middle;

	background: #fff;

	padding-left: 15px;

	height: 36px;

	line-height: 36px;	

	display: inline-block;

	cursor: default;

	text-decoration: none !important;	

}

.selectBox-dropdown .selectBox-label {	

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-decoration: none!important;

	width: auto !important;

}

.selectBox-dropdown .selectBox-arrow {

	position: absolute;

	top: 0;

	right: 0;

	width: 22px;

	height: 100%;	

}

/* Dropdown menu */

.selectBox-dropdown-menu {

	position: absolute !important;

	z-index: 99999;

	max-height: 200px;

	min-height: 1em;

	border-radius: 5px;

	-ms-border-radius: 5px;

	background: #fff;	

	overflow: auto;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);
}

/* Inline control */

.selectBox-inline {

	min-width: 150px;

	outline: none;	

	background: #fff;

	display: inline-block;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	overflow: auto;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);
}

.selectBox-inline:focus {

	border-color: #f7f9f9;

}

/* Options */

.selectBox-options,

.selectBox-options li,

.selectBox-options li a {

	list-style: none;

	display: block;

	cursor: default;

	padding: 0;

	margin: 0;

}

.selectBox-options li {

	

}

.selectBox-options li:firts-child {

	border-top: none

}

.selectBox-options li a {

	line-height: 35px;

	padding: 0 10px;

	height: 35px;

	white-space: nowrap;

	overflow: hidden;

	background: 6px center no-repeat;

	color: #7f7f7f;

	text-decoration: none;	

}

.selectBox-options li.selectBox-hover a {

	background-color: #f7f9f9;

}

.selectBox-options li.selectBox-disabled a {

	color: #888;

	background-color: transparent;

}

.selectBox-options li.selectBox-selected a {

	color: #7f7f7f;

	text-decoration: none;

}

.selectBox-options .selectBox-optgroup {

	color: #000;	

	font-weight: normal;		

	white-space: nowrap;

	padding: 0 10px;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

}

/* Disabled state */

.selectBox.selectBox-disabled {

	color: #888 !important;

}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {

	opacity: .5;

	filter: alpha(opacity=50);

	border-color: #666;

}



.selectBox-inline.selectBox-disabled {

	color: #888 !important;

}

.selectBox-inline.selectBox-disabled .selectBox-options a {

	background-color: transparent !important;

}

.sort-selectBox-dropdown-menu {

	border: 1px solid #E4E4E5;

	border-top: none;

	border-radius: 0 0 0 5px;

	-ms-border-radius: 0 0 0 5px;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	box-shadow: 2px 2px 4px #ccc;

	-ms-box-shadow: 2px 2px 4px #ccc;

	padding-bottom: 10px;
	text-transform:uppercase

}
.sort.selectBox-dropdown{
	text-transform:uppercase;
	min-width:90px;
	padding-right:20px
}
.metahead .selectBox-menuShowing {

	border-radius: 0;

	-ms-border-radius: 0;

	border-bottom: none;

	box-shadow: 2px 2px 4px #ccc;

	-ms-box-shadow: 2px 2px 4px #ccc;

}

.sort-selectBox-dropdown-menu  li a {

	height: 20px;

	line-height: 20px;
	text-transform:uppercase

}

.sort-selectBox-dropdown-menu li.group-item a {

	padding-left: 30px;

}

#panelleft {

	position: absolute;

	top: 0;

	left:0;

	bottom: 0;

	width: 270px;	

	background: #c3b9b2;

	left: -270px;

	display:none;

	z-index: 1;

}

#panelleft .nav > ul > li {

	border-bottom: 1px solid #fff;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

}

#panelleft .nav > ul > li > a {

	display: block;

	color: #fff;	

	font-size: 14px;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	padding: 9px 15px 9px 35px;	

	font-weight: normal;	

}

#panelleft .nav > ul > li > a:hover {

	text-decoration: none;

	background: #afa299;

}

#panelleft .nav > ul > li.current-menu-item > a, 

#panelleft .nav > ul > li.current-menu-ancestor > a, 

#panelleft .nav > ul > li.current-menu-parent > a,

#panelleft .nav > ul > li.current-page-ancestor > a,

#panelleft .nav > ul  ul li a:hover {

	text-decoration: none;

	background: #afa299;

	color: #fff;

}

#panelleft .nav > ul > li.hassub > a {

	background-image: url(../images/arr-3.png);

	background-position: 15px 11px;

	background-repeat: no-repeat;

}

#panelleft .nav > ul  ul {

	padding-bottom: 10px;	

	display: none;

}

#panelleft .nav > ul > li.current-menu-item  ul, 

#panelleft .nav > ul > li.current-menu-ancestor ul, 

#panelleft .nav > ul > li.current-menu-parent ul,

#panelleft .nav > ul > li.current-page-ancestor ul {

	display: block;

}

#panelleft .nav > ul  ul li a {

	display: block;

	padding: 7px 0 7px 50px;

	color: #fff;

	

}

#panelleft .metablock {

	background: #afa299;

	padding: 15px;

	overflow: hidden;

	display: none;

}

#panelleft .metablock .nav {

	padding-top: 10px;

	overflow: hidden;

	clear: left;

	width: 100%;

	float: left;

}

#panelleft .metablock .nav li {

	overflow: hidden;

}

#panelleft .metablock .nav li a {

	display: block;

	color: #fff;

	padding: 10px 0;

	font-size: 12px;

}

#panelleft .social {

	padding: 15px;

	display: none;

}

#panelleft .social li a.fb {

	background: url(../images/icon-social-mobile.png) -46px 0 no-repeat;

	width: 25px;

	height: 25px;

}

#panelleft .social li a.tw {

	background: url(../images/icon-social-mobile.png) 0 0 no-repeat;

	width: 32px;

	height: 25px;

}

#panelleft .searchbox {

	float: right;

	position: relative;

	width: 100%;

	height: 25px;

	background: #fff;

	border-radius: 4px;

	ms-border-radius: 4px;
	behavior:url(/wp-content/themes/kosmos/assets/css/PIE.htc);

	margin-top: 5px;

	box-sizing: border-box;

	-moz-box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-ms-box-sizing: border-box;

	overflow: hidden;

}

#panelleft .searchbox input[type="text"] {

	background: #fff;

	border: none;

	position: absolute;

	top: 0;

	left: 15px;

	height: 18px;

	padding: 4px 0 3px 0;

	width: 200px;

	font-family: "andeslight", Arial, Helvetica, sans-serif;

	font-size: 8pt;	

}

#panelleft .searchbox input[type="submit"],

#panelleft .searchbox input[type="button"] {

	background: url(../images/icon-search.png) 0 0 no-repeat;

	border: none;

	cursor: pointer;

	width: 19px;

	height: 18px;

	font-size: 0;

	color: transparent;

	position: absolute;

	top: 4px;

	right: 5px;

}

.link-panel {

	background: url(../images/fold-btn.png) 0 0 no-repeat;

	width: 39px;

	height: 36px;

	float: left;

	position: absolute;

	top: 0;

	font-size: 0;

	cursor: pointer;	

	z-index: 3;

	display: none;

}

#panelcont {

    overflow-x: hidden;

    position: relative;

    top: 0;

    width: 100%;

	height: 100%;

}
.sidebar-content p{
	margin-bottom:10px
}

@media screen and (max-width: 1000px) { 

	.link-panel {

		display: block;

	}

	body {		

		position: relative;

		overflow-x: hidden;

	} 	

	#wrapper {

		left: 0; 

		width: 100%; 

		float: right;

		position: relative;

	}

 	#panelleft {

		display: block;

	}		

	.center-block,

	#container {		

		padding: 0 20px;			

	}

	#sidebar {

		display: none;

	}

	#content {

		width: 100%;

	}
	#content.col3{
		width:80%
	}
	.right-sidebar{
		width:18%;
		padding-left:2%
	}

	.homecont {

		padding-right: 20px;

	}

	.homecont img {

		width: 100%;

	}

	.topbar .nav {

		padding-left: 50px;

	}

	#header .heading .social {

		display: none;

	}

	.heading .sitename  {

		display: block;

	}

	#footer .nav {

		margin-left: 0;

	}

}

@media screen and (max-width: 767px) { 

	.topbar .nav,

	.topbar .searchbox {

		display: none;

	}

	#footer .nav .block {

		width: 100%;

		float: none;

		padding-left: 0;

		padding-bottom: 20px;

	}

	#panelleft .metablock,

	#panelleft .social  {

		display: block;

	}

	.homecont .button-1 {

		font-size: 18px;

		padding: 10px 0;

	}

	.homecont .button-1 span {

		padding-left: 15px;

		padding-right: 15px;

	}

	.books li {

		width: 130px;

	}

	.hlauthor .aside {

		width: 100%;

		padding-right: 0;

		float: none;

	}

	.hlauthor .detail {

		padding-right: 0;

		padding-top: 25px;

		min-height: 0;

		width: 100%;

	}

	.hlauthor .detail .video {

		position: static;		

	}
	#content.col3,.right-sidebar{
		width:100%
	}
}