@font-face {
	font-family: 'genbkbasr';
	src:	url('http://www.ibstudio.info/N/theme/GANB/css/genbkbasr.ttf');
	font-weight: normal;
	font-style: normal;	
}
@font-face {
	font-family: 'genbkbasr';
	src:	url('http://www.ibstudio.info/N/theme/GANB/css/gentium book basic bold.ttf');
	font-weight: bold;
	font-style: normal;	
}
@font-face {
	font-family: 'genbkbasr';
	src:	url('http://www.ibstudio.info/N/theme/GANB/css/gentium book basic italic.ttf');
	font-weight: normal;
	font-style: italic;	
}

html {
	overflow-y:scroll; 
	height: 100%;
    margin: 0;
	}

body {

	background:#861521;
	background-size: cover;
	font: 14px sans-serif; 
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	margin:0;
	padding:0;
	height: 100%;
	}
strong{font-weight: bold;}
.it{font-style: italic;}

.contact {
	padding:40px;
	position:relative;
	float:left;
	z-index: 10
	}

.title {
	font-family: "Titillium",sans-serif !important;
	font-size:250%;
	}
	
h3 {
	/*font-family: "Open Sans Condensed","Lucida Sans","Lucida Grande",sans-serif !important;*/
	font-size:200%;
	margin-bottom:-3px;
	
	}	
	
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:150%;
	}
	

	
a {
	color: #999;
	/*padding:0 2px;*/
	text-decoration: none;
	margin:0;
	}
	
a:hover {color: white;text-decoration: none;}

a:link {
	text-decoration: none;
	color: #999;
	}
	
.white{color:white;}

.portfolio{
	position:absolute;
	top:30px;
	left:30px;
}

	
hr {
	height:1px;
	border:none;
	color: white;
	background-color:white;
	margin: 5px 0 5px 0;
	/*
	border: none; 
	border-bottom: 1px solid white;
	margin: 5px 0 5px 0;
	*/
}

hr.red {
	border: none; border-bottom: 1px solid #999;
	margin: 5px 0 5px 0;
}

.wt{background-color:white; color:#000;}
.wt a{color: #777;text-decoration: none;}
.wt a:hover{color: #861521;text-decoration: none;}
.wt a:link{color: #777;text-decoration: none;}


.pa5{padding:5%!important;}
.pa17{padding:11%!important;}
.pa20{padding:0 3%!important;}
.pa10{padding:0 2%!important;}
.image{padding:11%!important;}
.pa20-l{padding-left:20px!important;}
.pa20-r{padding-right:20px!important;}

.crop{object-fit: cover;}
.bottom{vertical-align: bottom;}
	
table {
    background: #ddd;
    border-collapse: collapse;
}

table th {background: white;}	
	
table tbody tr td {
    padding: 9px 10px;
    vertical-align: top;
    border-collapse: collapse;
}
	
table tbody tr:nth-child(even) {
    background: #eee;
}	

.w{background: white;}
	

	
p {	
	font-family: 'genbkbasr', 'serif';
	font-size: 19px!Important;
	line-height:26px!Important;
	padding:0;
	margin-top: 0;
	margin-bottom: 0;
    text-align: justify; 
}


ul{
padding:0;
margin:0 0 26px 26px;
}

ol{
padding:0;
margin:0 0 26px 26px;
}

.pa17>ul>li{
	font-family: 'genbkbasr', 'serif';
	font-size: 19px!Important;
	line-height:26px!Important;
	padding:0;
	margin-top: 0;
}
.pa17>ol>li{
	font-family: 'genbkbasr', 'serif';
	font-size: 19px!Important;
	line-height:26px!Important;
	padding:0;
	margin-top: 0;
}

.foot{
	position:relative;
	padding:5px;
}

.mobile{display:none;}
.small{display:none;}

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

@media (max-width: 980px) {
	.button{
		width:33.3%;
		}
	
	.full {
		padding:20px;
		}

	h1 {font-size:125%;}	

	
	.small{display:none;}	
	.desktop{display:none;}
	.mobile{display:inline;}	
}
	
@media (max-width: 480px) {
	.button{
		width:50%;
		}
	.full {
		padding:10px;
		}
	h1 {font-size:110%;}
		p{ text-align:left;}
		p+p{ text-align:left;}

	
	.show-menu{top:18px!important;}
		
	.mobile{display:none;}
	.desktop{display:none;}
	.small{display:inline;}
}

/*nav----------------------*/

.table{
	display: table;
}

#menu {
	margin-left: 20px;
	text-align: right;
}

#menu{
	font-family: "Open Sans","Lucida Sans","Lucida Grande",sans-serif !important;
	letter-spacing: 1px;
	font-weight: bold;
	font-size:120%;
	margin: 20px 0 0 0;
	display: table-cell;
    vertical-align: bottom; 
}

#menu li {
	margin: 0 5px 8px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	*display:inline; /* ie7 */	
}

#menu li a {
	padding: 3px 3px;
	text-decoration: none;
	color: #999;
	line-height: 100%;
}

#menu li a:hover {
	color: white;
}

ul#menu li.current a{
	color: white;!important
}


.show-menu {
	position: relative;
	min-height: 10px;
	z-index:999;
	width:40px;
	height:40px;
	padding: 5px 0;
	position: absolute;
	left: auto;
	right: 2%;
	top:35px;
	border: solid 1px #861521;
	background: #861521 url(icm1.png) no-repeat 7px 7px;
	border-radius: 0px;
	box-shadow: 0 1px 5px rgba(0,0,0,.3);
	display: none;
	}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}

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

	
	#menu{
		
		display:none;
	}
	
	#menu li {
		border-top: 1px solid white;
		padding-top:15px;
		margin-bottom:15px;
	}

	#menu li, li a{
		width: 100%;
	}
	.show-menu{
		display:block;
	}
	
	/* right nav */
	.nav.right ul {
		left: auto;
		right: 10px;
	}

	/* center nav */
	.nav.center ul {
		left: 50%;
		margin-left: -100px;
	}
	
	
}	
		
	
.left{
	float: left!important;
	margin-left:10px;
	}
	
.right{
	/*float: right!important;*/
	margin-left:20px;
	/*margin-top:35px!important;*/
	text-align:right;
	}
	
	
/* end nav */	


.nm_post {
	padding: 0;
	margin:5px 0 5px 0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start;
}

.nm_post img{
	flex:1 1 auto;
	 margin-top: 5px;
}
	
.nm_post_title {
 width:100%;
}

.nm_post_date {
	width:100%;
	color: #999;
	font-size: 14px;
	line-height:26px;
	padding:0 0 26px 0!Important; 
	margin: 0 0 26px 0!Important;
}

.nm_post_image {
	width: 280px;
    height: 180px;
	flex:0 0 260px;
	}

.nm_post_content {
	position: relative;
  font-size: 120%;
  flex:1 0 200px;
}
.nm_post h3 {
  margin-bottom: 5px;
}

.nm_post p {
  margin:0 0 0 0!important;
}
.nm_post p>img {
 /* margin:26px 0 0 -26px!important;*/
}

.nm_post_title a {
  text-decoration: none;
}

.nm_post_title a:hover {
  text-decoration: none;
}

.nm_post_meta {
  padding: 2px 5px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  font-size: 11px;
}

.nm_post_back {
  margin-top: 20px;
  padding:26px 0 26px 0;
  font-size: 14px;
  font-weight: bold;
  width:100%;
}

.nm_post_back a {
  text-decoration: none;
}

.nm_post_back a:hover {
  text-decoration: none;
  color:#861521;
}

.nm_page_nav .left {
  float:left;
  text-align:left;
}

.nm_page_nav .right {
  float:right;
  text-align:right;
}

.nm_recent>li{
	font-family: 'genbkbasr', 'serif';
	font-size: 19px!Important;
	line-height:26px!Important;
	padding:0;
	margin-top: 0;
}

aside .section a, aside .section a {
  text-decoration: none;
}

aside .section a:hover, aside .section a:hover {
  text-decoration: underline;
}

aside .section a.large {
  font-size: 22px;
}

/* end news */

/* masonery */

.gal2 {
		width:50%;
		display: block; 
		float:left; 
		position:relative; 
		padding:0% 1% 2% 1%;
		z-index: 100;
		line-height: 0px; /* crucial for buttom padding 0 !!! */
		//transform: translate(0px, 0px) scale(0.001);
		
}
.gal3 {
		width:33.33%;
		display: block; 
		float:left; 
		position:relative; 
		padding:0% 1% 2% 1%;
		cursor: pointer;
		z-index: 100;
		line-height: 0px; /* crucial for buttom padding 0 !!! */
		//transform: translate(0px, 0px) scale(0.001);
}  

.gal4 {
		width:25%;
		display: block; 
		float:left; 
		position:relative; 
		padding:0% 1% 2% 1%;
		cursor: pointer;
		z-index: 100;
		line-height: 0px; /* crucial for buttom padding 0 !!! */
		//transform: translate(0px, 0px) scale(0.001);
}  

/*.gal2 { transition: all .2s ease-in-out; }/*
/*.gal3{ transition: all .2s ease-in-out; }*/

/*.gal2:hover{ transform: scale(1.025); }*/
/*gal3:hover{ transform: scale(1.025); }*/

@media (max-width: 1400px) {
	.gal2{
		width:50%;
		}
	}
	
	@media (max-width: 700px) {
	.gal2{
		width:100%;
		}
	}
	
@media (max-width: 1400px) {
	.gal3{
		width:33.33%;
		}
	}
	
@media (max-width: 960px) {
	.gal3{
		width:50%;
		}
	}
	
	@media (max-width: 480px) {
	.gal3{
		width:100%;
		}
	}
	
@media (max-width: 1400px) {
	.gal4{
		width:25%;
		}
	}

@media (max-width: 1400px) {
	.gal4{
		width:25%;
		}
	}

@media (max-width: 1080px) {
	.gal4{
		width:33.33%;
		}
	}
	
@media (max-width: 720px) {
	.gal4{
		width:50%;
		}
	}
	
	@media (max-width: 480px) {
	.gal4{
		width:100%;
		}
	}
	
#lightbox{
		display:none;
		position:absolute;
	}
	#overlay {
		opacity: 0.9; 
		display: block; 
		cursor: pointer;
		background: #000;
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 300;
		top: 0;
		left: 0;
	}
	#content{ 
		max-width:100%;
		max-height:100%;
		display: block;
		position: fixed;
		cursor: pointer;
		position: relative;
	}
	
	#content img{
		position: fixed;
		max-width:90%;
		max-height:90%;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		z-index: 301;
	}
	
	img{
		max-width: 100%;
		height: auto;
	}
	
	#content iframe{
		position: fixed;
		width:960px;
		height:540px;
        top: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%);
		-ms-transform:translate(-50%, -50%);
		-webkit-transform:translate(-50%, -50%);
		-moz-transform:translate(-50%, -50%);
		z-index: 301;
	}
	#txt{
		position: fixed;
		display:block;
		top: 10px;
		left: 10px;
		z-index: 302;
	}
	#description{
		color:#00adef;
		position:fixed;
		bottom:10px;
		right:10px;
		z-index: 303;
	}

.video {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video iframe,
.video object,
.video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}	

/* end masonery */