body, html {
  height: 100%;
	margin: 0;
}
footer{
  background: #000;
  border-top: 1px solid #363636;
  color: white;
  text-align: center;
}
footer  a {
	text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 11px;
  color: white;
}
.arc a{
	text-decoration: none;
  font-size: 16px;
  color: black;
	align: center;
}

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
  border: 1px solid #fad4a2;
  margin: 0px 0px;
}

.pagination a.active {
  background-color: #eecc9c;
/*	  color: white;	*/
  border: 1px solid #fad4a2;
}

.pagination a:hover:not(.active) {background-color: #fad4a2;}

/* Style the tab */
.tb {
	min-height:45px;
  overflow: hidden;
  border: 1px solid #ccc;
/*  background-color: #fef7db;	/* #f1f1f1;	*/
	background-image:url('img/bkg/mnu.jpg'); */
}

/* Style the buttons inside the tab */
.tb button {
  background-color: inherit;
  float: right;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

.tb button:hover { background-color: #fad4a2; /* #ddd;*/ } 
.tb button.active { background-color:#eecc9c; /*  #ccc;	*/ }

/* Style the tab content */
.tbc{
  display: none;
  padding: 0px 0px;
  border: 1px solid #ccc;
  border-top: none;
}

img {
  width: 100%;
  height: auto;
}

sup{
  vertical-align: super;
  font-size: smaller;
}
sub{
  vertical-align: sub;
  font-size: smaller;
}
sub.lft{position: relative; left: -50px;}

.bmn{
  overflow: hidden; 	
/*  background-color: #feecc8;	*/
	background-image:url('img/bkg/mnu.jpg'); */
/*	background-color:yellow;	*/
  background-position: center;
  background-repeat: no-repeat;	
  background-size: cover;	
	background-color;
  position:  fixed;	
	top: 0;
	width: 100%;
	min-height: 70px;
	z-index:3;
}

.bmn.srl{ background-color: white; background-image: none;}

.mnu {
	max-width:2200px;
	padding-right: 25px;
	padding-left:  25px;
	margin-right: auto;
	margin-left: auto;
}
.mnu a { 
  float: right;
  color: #a18d7a;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
}
.mnu i { 
  float: left;
  color: #a18d7a;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 20px;
}

.mnu a:hover {
  background-color: #ffd066;
  color: black;
}

.mnu a.active { /*  background-color: #fee1ad;	*/ }

.mnu a.left{
  float: left;
}

.mnu .tb{
  float: right;
}

.mnu a.icon .bar1, .bar2, .bar3 { 
  width: 25px;
  height: 3px;
  background-color: #a18d7a; 
  margin: 4px 0;
  transition: 0.4s;
}

.mnu a.icon{display: none;}

@media screen and (max-width: 1000px){
	.mnu a:not(:first-child){display: none;}
	.mnu a.icon{
		float: right;
		display: block;
	}
}
@media screen and (max-width: 1000px) {
  .mnu.clk {position: relative; 
		z-index:5;
	}
  .mnu.clk .icon {
    position: absolute;
    right: 25px;
    top: 0;
  }
  .mnu.clk a {
    float: none;
    display: block;
    text-align: left;
  }
}

.bpc0{ height: 30%; }
.bpc,.bpc2,.bpc3,.bpc4,.bpc5,.bpc6,.bpc7{ height: 67%; } 

@supports not ( -webkit-touch-callout : none) { 
	.bpc,.bpc0,.bpc2,.bpc3,.bpc4,.bpc5,.bpc6,.bpc7{ 
	  background-attachment: fixed;
	  background-position: center;	
	  background-repeat: no-repeat;	
		background-size: cover;		
	} 
	.bpc0{ background-image: url('img/bkg/780/0.jpg'); }	
	.bpc{  background-image: url('img/bkg/780/1.jpg'); }	
	.bpc2{ background-image: url('img/bkg/780/2.jpg'); } 
	.bpc3{ background-image: url('img/bkg/780/3.jpg'); } 
	.bpc4{ background-image: url('img/bkg/780/4.jpg'); } 
	.bpc5{ background-image: url('img/bkg/780/5.jpg'); } 
	.bpc6{ background-image: url('img/bkg/780/6.jpg'); } 
	.bpc7{ background-image: url('img/bkg/780/7.jpg'); } 
} 

@supports ( -webkit-touch-callout : none) { 
	.bpc:after, .bpc0:after, .bpc2:after, .bpc3:after, .bpc4:after, .bpc5:after, .bpc6:after, .bpc7:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
	} 
	.bpc0{ background: url('img/bkg/780/0.jpg')center center; }	
	.bpc{  background: url('img/bkg/780/1.jpg')center center; }	
	.bpc2{ background: url('img/bkg/780/2.jpg')center center; } 
	.bpc3{ background: url('img/bkg/780/3.jpg')center center; } 
	.bpc4{ background: url('img/bkg/780/4.jpg')center center; } 
	.bpc5{ background: url('img/bkg/780/5.jpg')center center; } 
	.bpc6{ background: url('img/bkg/780/6.jpg')center center; } 
	.bpc7{ background: url('img/bkg/780/7.jpg')center center; } 
} 

/* Create four equal columns that floats next to each other */
.rw:after {
  content: "";
  display: table;
  clear: both;
}
.cnt{
 background-color:white;
 font-size:36px;
}

.cl{
  float: left;
  width: 16.6%;
}
.c2{
  float: left;
  width: 33.3%;
}

.cl h1, .c2 h1{
	font-size:36px;
	padding:20px;
	text-align:center;
}

.cl, .c2{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-top: 0px; 
  margin-bottom: 25px; 
	min-height:800px;
/*  position: relative;	*/
}
/*
.cl .txt, .c2 .txt{ 
	text-align:justify;
 padding: 20px 0px;		
} 
*/
.cl p, .c2 p{ 
	text-align:justify;
  padding-left: 20px;	
  padding-right: 20px;	
} 
.cl img, .c2 img{ 
  margin: 0px;	
} 

.centered {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Clear floats after the columns */

@media screen and (max-width: 2560px) { .cl  { width: 25%; } } 	
@media screen and (max-width: 1366px) { .cl  { width: 33.3333333333%; } } 	
@media screen and (max-width:  900px) { .cl  { width: 100%;} }

@media screen and (max-width: 2560px) { .c2  { width: 50%; } } 	
@media screen and (max-width: 1366px) { .c2  { width: 33.3333333333%; } } 	
@media screen and (max-width:  900px) { .c2  { width: 100%;} }

@media screen and (max-width: 6000px) { 
	.bpc0{ background-image: url('img/bkg/3840/0.jpg'); }	
	.bpc{  background-image: url('img/bkg/3840/1.jpg'); }	
	.bpc2{ background-image: url('img/bkg/3840/2.jpg'); } 
	.bpc3{ background-image: url('img/bkg/3840/3.jpg'); } 
	.bpc4{ background-image: url('img/bkg/3840/4.jpg'); } 
	.bpc5{ background-image: url('img/bkg/3840/5.jpg'); } 
	.bpc6{ background-image: url('img/bkg/3840/6.jpg'); } 
	.bpc7{ background-image: url('img/bkg/3840/7.jpg'); } 
}
@media screen and (max-width: 2560px) { 
	.bpc0{ background-image: url('img/bkg/2560/0.jpg'); }	
	.bpc{  background-image: url('img/bkg/2560/1.jpg'); }	
	.bpc2{ background-image: url('img/bkg/2560/2.jpg'); } 
	.bpc3{ background-image: url('img/bkg/2560/3.jpg'); } 
	.bpc4{ background-image: url('img/bkg/2560/4.jpg'); } 
	.bpc5{ background-image: url('img/bkg/2560/5.jpg'); } 
	.bpc6{ background-image: url('img/bkg/2560/6.jpg'); } 
	.bpc7{ background-image: url('img/bkg/2560/7.jpg'); } 
} 
@media screen and (max-width: 1366px) { 
	.bpc0{ background-image: url('img/bkg/1366/0.jpg'); }	
	.bpc{  background-image: url('img/bkg/1366/1.jpg'); }	
	.bpc2{ background-image: url('img/bkg/1366/2.jpg'); } 
	.bpc3{ background-image: url('img/bkg/1366/3.jpg'); } 
	.bpc4{ background-image: url('img/bkg/1366/4.jpg'); } 
	.bpc5{ background-image: url('img/bkg/1366/5.jpg'); } 
	.bpc6{ background-image: url('img/bkg/1366/6.jpg'); } 
	.bpc7{ background-image: url('img/bkg/1366/7.jpg'); } 
} 
@media screen and (max-width: 780px) { 
	.bpc0{ background-image: url('img/bkg/780/0.jpg'); }	
	.bpc{  background-image: url('img/bkg/780/1.jpg'); }	
	.bpc2{ background-image: url('img/bkg/780/2.jpg'); } 
	.bpc3{ background-image: url('img/bkg/780/3.jpg'); } 
	.bpc4{ background-image: url('img/bkg/780/4.jpg'); } 
	.bpc5{ background-image: url('img/bkg/780/5.jpg'); } 
	.bpc6{ background-image: url('img/bkg/780/6.jpg'); } 
	.bpc7{ background-image: url('img/bkg/780/7.jpg'); } 
}