@font-face {
    font-family: myFirstFont;
    src: url(fonts/TruenoBold.otf);
    font-weight: bold;
}
@font-face {
    font-family: mySecondFont;
    src: url(fonts/TruenoRg.otf);
}
@font-face {
    font-family: myThirdFont;
    src: url(fonts/ArnoProBold.otf);
    font-weight: bold;
}
html, body {       
height: 100%;
margin: 0;
padding: 0;
position: relative;
-webkit-touch-callout: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
::selection {
  background: #878787;
}
::-moz-selection {
  background: #878787;
}
.counter {
display: none;
}
.logolnd {
height: 30px;
position: fixed;
z-index: 1;
float: right;
right: 24px;
top: 30px;
display: block;
}
.logoprt {
display: none;
}
.menu {
position: fixed;
table-layout: fixed;
z-index: 10;
left: 0px;
top: 0px;
}
.menusandwich {
height: 50px;	
}
.head {
position: relative;
z-index: -10;
height: 78%;
width: 100%;
vertical-align: top;
margin-top: 0px;
margin: 0px;
padding: 0px;
}
.headdate {
position: absolute;
top: 34%;
text-align: center;
font-family: myThirdFont;
font-weight: bold;
font-size: 22px;
color: #ffffff;
z-index: 0;
width: 100%;
}
.headname {
position: absolute;
top: 35.5%;
text-align: center;
font-family: myFirstFont;
font-weight: bold;
font-size: 60px;
color: #ffffff;
z-index: 0;
width: 100%;
}
.albums {
z-index: 0;
position: relative;
background-color: #383838;
margin-bottom: 150px;
}
.backgroundz {
background-color: #383838;
z-index: 0;	
}
.myBtn {
display: none;
position: fixed;
bottom: 21%;
right: 20px;
z-index: 99;
border: none;
outline: none;
background-color: #737373;
opacity: 0.5;
cursor: pointer;
padding: 12px;
border-radius: 0px;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-o-transition: 0.4s ease;
-ms-transition: 0.4s ease;
transition: 0.4s ease;
z-index: 1;
}
.myBtn:hover {
background-color: #999999;
opacity: 1;
bottom: 22.5%;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-ms-transition: 0.3s ease;
transition: 0.3s ease;
}
#p01,#p02,#p03,#p04,#p05,#p06,#p07,#p08,#p09,#p10,#p11,#p12,#p13,#p14,#p15,#p16,#p17,#p18,#p19,#p20,#p21,#p22,#p23,#p24,#p25,#p26,#p27,#p28,#p29,#p30,#p31,#p32,#p33,#p34,#p35,#p36,#p37,#p38,#p39,#p40,#p41,#p42,#p43,#p44,#p45,#p46,#p47,#p48,#p49,#p50,#p51,#p52,#p53,#p54,#p55,#p56,#p57,#p58,#p59,#p60,#p61,#p62,#p63,#p64,#p65,#p66,#p67,#p68,#p69,#p70,#p71,#p72,#p73,#p74,#p75,#p76,#p77,#p78,#p79,#p80,#p81,#p82,#p83,#p84,#p85,#p86,#p87,#p88,#p89,#p90,#p91,#p92,#p93,#p94,#p95,#p96,#p97,#p98,#p99,#p100,#p101,#p102,#p103,#p104,#p105 {
position:fixed;
background: rgba(0, 0, 0, 0.85);		
top: 0;
left: 0;
width:100%;
height:100%;
display:none;
z-index: 999;
z-index: 999;
}
@media only screen 
  and (min-device-width: 768px) {
section {
height: 81vh;
width: calc(81vh / 0.73);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-4%; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
sectionV {
height: 87.5vh;
width: calc(87.5vh / 1.415);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-2%; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
#responsive-image {
position: absolute;
width: calc(100% - 50px);
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
display: table;
margin: 0 auto;
vertical-align: baseline;
bottom: 0px;
z-index: 2;
}
.textopais {
position: relative;
top: 18px;
font-family: mythirdfont;
margin: 0px;
padding: 0px;
font-size: 17px;
color: #3d3d3d;
z-index: 2;
}
.textospot {
position: relative;
font-family: myfirstfont;
padding: 0px;
margin: 2px;
font-size: 31px;
color: #3d3d3d;
top: 6px;
z-index: 2;
}
.previousbtnpic {
position: fixed;
display: block;
width: 80px;
left: 2.5vw;
top: 44vh;
float: left;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
.nextbtnpic {
position: fixed;
display: block;
width: 80px;
right: 2.5vw;
top: 44vh;
float: right;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
.previousbtnpicV {
position: fixed;
display: inline;
width: 80px;
left: 19.5vw;
top: 43vh;
float: left;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
.nextbtnpicV {
position: fixed;
display: inline;
width: 80px;
right: 19.5vw;
top: 43vh;
float: right;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
}

@media only screen 
  and (max-device-width: 767px) {
section {
height: 92vh;
width: calc(92vh / 0.717);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-5; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
sectionV {
height: 94vh;
width: calc(94vh / 1.364);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-8; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
#responsive-image {
position: absolute;
width: calc(100% - 50px);
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
display: table;
margin: 0 auto;
vertical-align: baseline;
bottom: 0px;
z-index: 2;
}
.textopais {
position: relative;
top: 12px;
font-family: mythirdfont;
margin: 0px;
padding: 0px;
font-size: 16px;
color: #3d3d3d;
z-index: 2;
}
.textospot {
position: relative;
font-family: myfirstfont;
padding: 0px;
margin: 0px;
font-size: 28px;
color: #3d3d3d;
top: 0px;
z-index: 2;
}
.previousbtnpic {
position: fixed;
display: block;
width: 80px;
left: 7vw;
top: 39vh;
float: left;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
.nextbtnpic {
position: fixed;
display: block;
width: 80px;
right: 7vw;
top: 39vh;
float: right;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
.previousbtnpicV {
position: fixed;
display: inline;
width: 80px;
left: 24vw;
top: 40vh;
float: left;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
.nextbtnpicV {
position: fixed;
display: inline;
width: 80px;
right: 24vw;
top: 40vh;
float: right;
cursor: pointer;
z-index: 999;
opacity: 0.5;
}
}
div#one {
width: calc(100% - 50px);
max-width: 2048px;
height: 100%;
background: white;
float: left;
text-align: center;
z-index: 2;
}
div#oneV {
width: calc(100% - 50px);
max-width: 1380px;
height: 100%;
background: white;
float: left;
text-align: center;
z-index: 2;
}
div#two {
margin-left: calc(100% - 50px);
width: 50px;
height: 100%;
background: #e8e8e8;
-webkit-box-shadow: 14px 0 30px 0 #bdbdbd inset;
box-shadow: 14px 0 30px 0 #bdbdbd inset;
z-index: 2;
}
#btcs01,#btcs02,#btcs03,#btcs04,#btcs05,#btcs06,#btcs07,#btcs08,#btcs09,#btcs10,#btcs11,#btcs12,#btcs13,#btcs14,#btcs15,#btcs16,#btcs17,#btcs18,#btcs19,#btcs20,#btcs21,#btcs22,#btcs23,#btcs24,#btcs25,#btcs26,#btcs27,#btcs28,#btcs29,#btcs30,#btcs31,#btcs32,#btcs33,#btcs34,#btcs35,#btcs36,#btcs37,#btcs38,#btcs39,#btcs40,#btcs41,#btcs42,#btcs43,#btcs44,#btcs45,#btcs46,#btcs47,#btcs48,#btcs49,#btcs50,#btcs51,#btcs52,#btcs53,#btcs54,#btcs55,#btcs56,#btcs57,#btcs58,#btcs59,#btcs60,#btcs61,#btcs62,#btcs63,#btcs64,#btcs65,#btcs66,#btcs67,#btcs68,#btcs69,#btcs70,#btcsl71,#btcs72,#btcs73,#btcs74,#btcs75,#btcs76,#btcs77,#btcs78,#btcs79,#btcs80,#btcs81,#btcs82,#btcs83,#btcs84,#btcs85,#btcs86,#btcs87,#btcs88,#btcs89,#btcs90,#btcs91,#btcs92,#btcs93,#btcs94,#btcs95,#btcs96,#btcs97,#btcs98,#btcs99,#btcs100,#btcs101,#btcs102,#btcs103,#btcs104,#btcs105 {
background-color: #d6d6d6;
-webkit-box-shadow: 14px 0 30px 0 #bdbdbd inset;
box-shadow: 14px 0 30px 0 #bdbdbd inset;
width:50px;
height:50px;
position: absolute;
z-index: 20;
}
#btcs01:hover,#btcs02:hover,#btcs03:hover,#btcs04:hover,#btcs05:hover,#btcs06:hover,#btcs07:hover,#btcs08:hover,#btcs09:hover,#btcs10:hover,#btcs11:hover,#btcs12:hover,#btcs13:hover,#btcs14:hover,#btcs15:hover,#btcs16:hover,#btcs17:hover,#btcs18:hover,#btcs19:hover,#btcs20:hover,#btcs21:hover,#btcs22:hover,#btcs23:hover,#btcs24:hover,#btcs25:hover,#btcs26:hover,#btcs27:hover,#btcs28:hover,#btcs29:hover,#btcs30:hover,#btcs31:hover,#btcs32:hover,#btcs33:hover,#btcs34:hover,#btcs35:hover,#btcs36:hover,#btcs37:hover,#btcs38:hover,#btcs39:hover,#btcs40:hover,#btcs41:hover,#btcs42:hover,#btcs43:hover,#btcs44:hover,#btcs45:hover,#btcs46:hover,#btcs47:hover,#btcs48:hover,#btcs49:hover,#btcs50:hover,#btcs51:hover,#btcs52:hover,#btcs53:hover,#btcs54:hover,#btcs55:hover,#btcs56:hover,#btcs57:hover,#btcs58:hover,#btcs59:hover,#btcs60:hover,#btcs61:hover,#btcs62:hover,#btcs63:hover,#btcs64:hover,#btcs65:hover,#btcs66:hover,#btcs67:hover,#btcs68:hover,#btcs69:hover,#btcs70:hover,#btcs71:hover,#btcs72:hover,#btcs73:hover,#btcs74:hover,#btcs75:hover,#btcs76:hover,#btcs77:hover,#btcs78:hover,#btcs79:hover,#btcs80:hover,#btcs81:hover,#btcs82:hover,#btcs83:hover,#btcs84:hover,#btcs85:hover,#btcs86:hover,#btcs87:hover,#btcs88:hover,#btcs89:hover,#btcs90:hover,#btcs91:hover,#btcs92:hover,#btcs93:hover,#btcs94:hover,#btcs95:hover,#btcs96:hover,#btcs97:hover,#btcs98:hover,#btcs99:hover,#btcs100:hover,#btcs101:hover,#btcs102:hover,#btcs103:hover,#btcs104:hover,#btcs105:hover {
background-color: #545454;
-webkit-box-shadow: 14px 0 30px 0 #494949 inset;
box-shadow: 14px 0 30px 0 #494949 inset;
}
#hcl2 {
color: #FFF;
text-decoration: none;
font-size: 65px;
font-family: arial;
margin: 0px;
padding: 0px;
spacing: 0px;
top: -22px;
text-align:center;
position: relative;
-webkit-transform: rotate(495deg);
-moz-transform: rotate(495deg);
-o-transform: rotate(495deg);
-ms-transform: rotate(495deg);
transform: rotate(495deg);
z-index: 20;
}
#hcl2:hover {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: 0.5s ease-out;
-moz-transition: 0.5s ease-out;
-o-transition: 0.5s ease-out;
-ms-transition: 0.5s ease-out;
transition: 0.5s ease-out;
}
.hclfds{
display: none;
z-index: 20;
}
.shicons {
position: relative;
top: calc(100% - 250px);
z-index: 2;
}
.shicontainer {
width: 50px;
height: 50px;
position: relative;
cursor:pointer;
z-index: 2;
}
.shicon1 {
width: 100%;
position: absolute;
z-index: 2;
}
.shicon1:hover {
-webkit-filter: brightness(80%);
filter: brightness(80%);
-webkit-transition: 0.3s ease-out;
-moz-transition: 0.3s ease-out;
-o-transition: 0.3s ease-out;
-ms-transition: 0.3s ease-out;
transition: 0.3s ease-out;
}
#map {
position: relative;
height: calc(100% + 25px);
width: 100%;
background-color: #363636;
z-index: -10;
}
#contentDiv {
width: 100%;
text-align: center;
}
#myHeader {
font-family: mySecondFont;
font-size: 16px;
font-weight: 500;
color: #d2d2d2;
text-decoration: none;
}
#share-buttons img {
width: 100px !important;
padding-left: 25px;
padding-right: 25px;
padding-top: 0px;
padding-bottom: 0px;
display: inline;
}
.centersocial {
text-align: center;
padding-top: 42px;
padding-bottom: 42px;
}
.tablesocial {
text-align: center;
cellpadding: 0px;
cellspacing: 0px;
padding: 0px;
width: 20%;
height: 90px;
}
.totalsocial {
background-color: #333333;
position: relative;
z-index: 0;
}
.bottom {
min-height: calc(100vw/2.1);
background-color: #383838;
z-index: 0;
position: relative;
vertical-align: bottom;
bottom: 0px;
min-width: 100%;
}
.containeralbumZ {
position: relative;
float: left;
spacing: 0;
padding: 0;
margin: 0;
width: 33.333%;
}
.imagealbumZ {
display: block;
width: 100%;
height: auto;
-webkit-transition: 0.3s ease;
-moz-transition: 0.3s ease;
-o-transition: 0.3s ease;
-ms-transition: 0.3s ease;
transition: 0.3s ease;
}
.imagealbumZ:hover {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.aboutmebottom, .aboutmebottomct {
position: static;
width: 100%;
height: 80px;
background-color: #1A1A1A;
margin-top: 100px;
}
.aboutmehead {
position: relative;
width: 100%;
height: 220px;
background-color: #1e1e1e; 
padding: 0px;
}
.aboutmeheadtext {
position: relative;
padding: 0px;
font-family: myFirstFont;
font-size: 40px;
color: #ffffff;
text-align: center;
top: 45%;;	
}
.aboutmebodytext {
font-family: mysecondfont;
color: #adadad;
font-size: 17px;
text-align: justify;
line-height: 150%
}
.tabelanews {
width: 88%;
background-color: #353535;
border-radius: 35px;
margin-top: 60px;
margin-bottom: 70px;
}
.aboutbackground {
background-color: #3D3D3D;
}
.spacetable {
height: 20px;
}
.textframe1 {
    text-align: center;
	font-family: myThirdFont;
	font-weight: bold;
	font-size: 26px;
	color: #ffffff;
}
.textframe2 {
    text-align: center;
	font-family: myFirstFont;
	font-weight: bold;
	font-size: 40px;
	color: #ffffff;
	padding: 27px;
}
.textframe3 {
	padding: 10px;
}
.textframe4 {
	font-family: arial;
	font-size: 15;
	color: #8d8d8d;
	position: relative;
	float: left;
	left: 40px;
	margin: 0px;
}
.containeralbum {
position: relative;
float: left;
spacing: 0;
padding: 0;
margin: 0;
width: 100%;
}
.textcountryZ {
position: absolute;
width: 100%;
top: 37.0%;
font-family: myThirdFont;
font-size: 16px;
text-align: center;
color: #ffffff;
pointer-events: none;
}
.textalbumZ {
position: absolute;
width: 100%;
top: 43.0%;
font-family: myFirstFont;
font-weight: bold;
font-size: 29px;
text-align: center;
color: #ffffff;
pointer-events: none;
}
.tablerc {
background-color: #353535;
border-radius: 35px;
width: 70vw;
}
.tablerk {
width: calc(70vw + 18px);
height: 490px;
}
.aboutmebodytext {
margin-left: 20px;
margin-right: 0px;
font-family: mysecondfont;
font-size: 16px;
color: #adadad;
}
.aboutmebodytexta {
margin-left: 20px;
margin-right: 0px;
font-family: mysecondfont;
font-size: 16px;
color: #adadad;
line-height: 160%;
}
.textnewsname {
font-family: myfirstfont;
color: #adadad;
font-size: 16px;
margin-top: 15px;
margin-left: 10px;
margin-bottom: 10px;
}
.aboutmebodytextY {
font-family: myfirstfont;
text-align: center;
font-size: 26px;
line-height: 100%;
}
.tablespace {
height: 20px;
}
.bullet {
font-size: 12px;
}
.tdsocial {
margin-left: 20px;
}
.tdbullet {
height: 28px;
}
.spacebullet {
height: 16px;
}
.spacectup {
height: 50px;
}
.spacemiddle {
height: 60px;
}
.tabelaaboutmetexto {
align: center;
width: 78vw;
}
.tabelaaboutlista {
align: center;
width: 78vw;
top: 0px;
spacing: 0px;
margin-top: 14px;
}
.aboutmetexttd {
text-align: justify;
vertical-align: top;
}
.aboutmetexto {
font-family: mysecondfont;
color: #adadad;
font-size: 18px;
line-height: 165%;
}
.bulletnew {
color: #adadad;
font-family: mysecondfont;
text-align: center;
font-size: 18px;
line-height: 50%;
display: inline;
}
.tableinitsp {
height: 60px;
}