@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 {       
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;
}
.logoprt {
height: 37px;
position: fixed;
z-index: 1;
float: right;
right: 24px;
top: 34px;
}
.logolnd {
display: none;
}
.menu {
position: fixed;
table-layout: fixed;
z-index: 10;
left: 0px;
top: 0px;
}
.menusandwich {
height: 60px;	
}
.head {
position: relative;
z-index: -10;
height: 82%;
width: 100%;
vertical-align: top;
margin-top: 0px;
margin: 0px;
padding: 0px;
}
.headdate {
position: absolute;
top: 37.9%;
text-align: center;
font-family: myThirdFont;
font-weight: bold;
font-size: 30px;
color: #ffffff;
z-index: 0;
width: 100%;
}
.headname {
position: absolute;
top: 39%;
text-align: center;
font-family: myFirstFont;
font-weight: bold;
font-size: 80px;
color: #ffffff;
z-index: 0;
width: 100%;
}
.albums {
z-index: 0;
position: relative;
background-color: #383838;
margin-bottom: 170px;
}
.backgroundz {
background-color: #383838;
z-index: 0;	
}
.myBtn {
display: none;
position: fixed;
bottom: 20%;
right: 20px;
z-index: 1;
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;
}
.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.80);		
top: 0;
left: 0;
width:100vw;
height:100vh;
display:none;
z-index: 999;
}
@media only screen 
and (min-device-width : 768px) {
section {
width: 97vw;
height: calc(97vw / 1.346);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-10%; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
sectionV {
width: 66vw;
height: calc(66vw / 0.682);
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;
}
.textopais {
position: relative;
top: 25px;
font-family: mythirdfont;
margin: 0px;
padding: 0px;
font-size: 22px;
color: #3d3d3d;
z-index: 2;
}
.textospot {
position: relative;
font-family: myfirstfont;
padding: 0px;
margin: 0px;
font-size: 41px;
color: #3d3d3d;
top: 9px;
z-index: 2;
}
.previousbtnpic {
position: fixed;
display: inline;
width: 110px;
left: 3.5vw;
top: 41.8vh;
float: left;
cursor: pointer;
z-index: 5;
opacity: 0.6;
}
.nextbtnpic {
position: fixed;
display: inline;
width: 110px;
right: calc(3.5vw + 60px);
top: 41.8vh;
float: right;
cursor: pointer;
z-index: 5;
opacity: 0.6;
}
.previousbtnpicV {
position: fixed;
display: inline;
width: 110px;
left: 5.5vw;
top: 42vh;
float: left;
cursor: pointer;
z-index: 10;
opacity: 0.6;
}
.nextbtnpicV {
position: fixed;
display: inline;
width: 110px;
right: 5.5vw;
top: 42vh;
float: right;
cursor: pointer;
z-index: 10;
opacity: 0.6;
}
#responsive-image {
position: absolute;
width: calc(100% - 60px);
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
display: table;
margin: 0 auto;
vertical-align: baseline;
bottom: 0px;
z-index: 2;
}
div#one {
width: calc(100% - 60px);
max-width: 2048px;
height: 100%;
background: white;
float: left;
text-align: center;
z-index: 2;
}
div#oneV {
width: calc(100% - 60px);
max-width: 1380px;
height: 100%;
background: white;
float: left;
text-align: center;
z-index: 2;
}
div#two {
margin-left: calc(100% - 60px);
width: 60px;
height: 100%;
background: #e8e8e8;
-webkit-box-shadow: 14px 0 30px 0 #bdbdbd inset;
box-shadow: 14px 0 30px 0 #bdbdbd inset;
z-index: 20;
}
#hcl2 {
color: #FFF;
text-decoration: none;
font-size: 84px;
font-family: arial;
margin: 0px;
padding: 0px;
spacing: 0px;
top: -30px;
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% - 300px);
z-index: 2;
}
.shicontainer {
width: 60px;
height: 60px;
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;
}
#hcl3 {
display: none;
}
}


@media only screen 
and (max-device-width : 767px) {
section {
width: 98vw;
height: calc(98vw / 1.24);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-10%; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
sectionV {
width: 75vw;
height: calc(75vw / 0.617);
margin: auto;
padding: 0px;
position:absolute; 
left:0; right:0;
top:-10%; bottom:0;
margin:auto;
max-width:100%;
max-height:100%;
overflow:hidden;
z-index: 2;
}
.textopais {
position: relative;
top: 30px;
font-family: mythirdfont;
margin: 0px;
padding: 0px;
font-size: 22px;
color: #3d3d3d;
z-index: 2;
}
.textospot {
position: relative;
font-family: myfirstfont;
padding: 0px;
margin: 0px;
font-size: 41px;
color: #3d3d3d;
top: 14px;
z-index: 2;
}
.previousbtnpic {
position: fixed;
display: inline;
width: 110px;
left: 3vw;
top: 42.5vh;
float: left;
cursor: pointer;
z-index: 5;
opacity: 0.6;
}
.nextbtnpic {
position: fixed;
display: inline;
width: 110px;
right: 3vw;
top: 42.5vh;
float: right;
cursor: pointer;
z-index: 5;
opacity: 0.6;
}
.previousbtnpicV {
position: fixed;
display: inline;
width: 110px;
left: 1.5vw;
top: 42vh;
float: left;
cursor: pointer;
z-index: 10;
opacity: 0.6;
}
.nextbtnpicV {
position: fixed;
display: inline;
width: 110px;
right: 1.5vw;
top: 42vh;
float: right;
cursor: pointer;
z-index: 10;
opacity: 0.6;
}
div#one {
width: 100%;
max-width: 2048px;
height: 100%;
background: white;
float: left;
text-align: center;
z-index: 2;
}
div#oneV {
width: 100%;
max-width: 1380px;
height: 100%;
background: white;
float: left;
text-align: center;
z-index: 2;
}
div#two {
display: none;
}
#responsive-image {
position: absolute;
width: 100%;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 24px;
display: table;
margin: 0 auto;
vertical-align: baseline;
bottom: 0px;
z-index: 2;
}
.hclfds {
position: absolute;
width: 70px;
float: right;
text-align: right;
align: right;
right: 70px;
}
#hcl2 {
display: none;
}
#hcl3 {
color: #FFF;
text-decoration: none;
font-size: 95px;
font-family: arial;
margin: 0px;
padding: 0px;
spacing: 0px;
top: -33px;
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: 2;
}
#hcl3: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;
}
}
#btcl01,#btcl02,#btcl03,#btcl04,#btcl05,#btcl06,#btcl07,#btcl08,#btcl09,#btcl10,#btcl11,#btcl12,#btcl13,#btcl14,#btcl15,#btcl16,#btcl17,#btcl18,#btcl19,#btcl20,#btcl21,#btcl22,#btcl23,#btcl24,#btcl25,#btcl26,#btcl27,#btcl28,#btcl29,#btcl30,#btcl31,#btcl32,#btcl33,#btcl34,#btcl35,#btcl36,#btcl37,#btcl38,#btcl39,#btcl40,#btcl41,#btcl42,#btcl43,#btcl44,#btcl45,#btcl46,#btcl47,#btcl48,#btcl49,#btcl50,#btcl51,#btcl52,#btcl53,#btcl54,#btcl55,#btcl56,#btcl57,#btcl58,#btcl59,#btcl60,#btcl61,#btcl62,#btcl63,#btcl64,#btcl65,#btcl66,#btcl67,#btcl68,#btcl69,#btcl70,#btcll71,#btcl72,#btcl73,#btcl74,#btcl75,#btcl76,#btcl77,#btcl78,#btcl79,#btcl80,#btcl81,#btcl82,#btcl83,#btcl84,#btcl85,#btcl86,#btcl87,#btcl88,#btcl89,#btcl90,#btcl91,#btcl92,#btcl93,#btcl94,#btcl95,#btcl96,#btcl97,#btcl98,#btcl99,#btcl100,#btcl101,#btcl102,#btcl103,#btcl104,#btcl105 {
background-color: #d6d6d6;
-webkit-box-shadow: 14px 0 30px 0 #bdbdbd inset;
box-shadow: 14px 0 30px 0 #bdbdbd inset;
width:70px;
height:70px;
position: absolute;
z-index: 99;
}
#btcl01:hover,#btcl02:hover,#btcl03:hover,#btcl04:hover,#btcl05:hover,#btcl06:hover,#btcl07:hover,#btcl08:hover,#btcl09:hover,#btcl10:hover,#btcl11:hover,#btcl12:hover,#btcl13:hover,#btcl14:hover,#btcl15:hover,#btcl16:hover,#btcl17:hover,#btcl18:hover,#btcl19:hover,#btcl20:hover,#btcl21:hover,#btcl22:hover,#btcl23:hover,#btcl24:hover,#btcl25:hover,#btcl26:hover,#btcl27:hover,#btcl28:hover,#btcl29:hover,#btcl30:hover,#btcl31:hover,#btcl32:hover,#btcl33:hover,#btcl34:hover,#btcl35:hover,#btcl36:hover,#btcl37:hover,#btcl38:hover,#btcl39:hover,#btcl40:hover,#btcl41:hover,#btcl42:hover,#btcl43:hover,#btcl44:hover,#btcl45:hover,#btcl46:hover,#btcl47:hover,#btcl48:hover,#btcl49:hover,#btcl50:hover,#btcl51:hover,#btcl52:hover,#btcl53:hover,#btcl54:hover,#btcl55:hover,#btcl56:hover,#btcl57:hover,#btcl58:hover,#btcl59:hover,#btcl60:hover,#btcl61:hover,#btcl62:hover,#btcl63:hover,#btcl64:hover,#btcl65:hover,#btcl66:hover,#btcl67:hover,#btcl68:hover,#btcl69:hover,#btcl70:hover,#btcl71:hover,#btcl72:hover,#btcl73:hover,#btcl74:hover,#btcl75:hover,#btcl76:hover,#btcl77:hover,#btcl78:hover,#btcl79:hover,#btcl80:hover,#btcl81:hover,#btcl82:hover,#btcl83:hover,#btcl84:hover,#btcl85:hover,#btcl86:hover,#btcl87:hover,#btcl88:hover,#btcl89:hover,#btcl90:hover,#btcl91:hover,#btcl92:hover,#btcl93:hover,#btcl94:hover,#btcl95:hover,#btcl96:hover,#btcl97:hover,#btcl98:hover,#btcl99:hover,#btcl100:hover,#btcl101:hover,#btcl102:hover,#btcl103:hover,#btcl104:hover,#btcl105:hover {
background-color: #545454;
-webkit-box-shadow: 14px 0 30px 0 #494949 inset;
box-shadow: 14px 0 30px 0 #494949 inset;
}
#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:60px;
height:60px;
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;
}
#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: 18px;
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: 29%;
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: 50%;
z-index: 0;
}
.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;
z-index: 0;
}
.imagealbumZ:hover {
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.aboutmebottomct {
position: static;
width: 100%;
height: 80px;
background-color: #1A1A1A;
margin-top: 165px;
}

.aboutmebottom {
position: static;
width: 100%;
height: 80px;
background-color: #1A1A1A;
margin-top: 80px;
}
.aboutmehead {
position: relative;
width: 100%;
height: 310px;
background-color: #1e1e1e; 
padding: 0px;
}
.aboutmeheadtext {
position: relative;
padding: 0px;
font-family: myFirstFont;
font-size: 50px;
color: #ffffff;
text-align: center;
top: 48%;;	
}
.spacernews {
width: 40px;
}
.aboutmebodytext {
font-family: mysecondfont;
color: #adadad;
font-size: 17px;
text-align: justify;
line-height: 150%
}
.aboutbackground {
background-color: #3D3D3D;
}
.tabelanews {
width: 85%;
background-color: #353535;
border-radius: 35px;
margin-top: 60px;
margin-bottom: 70px;
}
.spacetable {
height: 35px;
}
.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: 36.8%;
font-family: myThirdFont;
font-size: 23px;
text-align: center;
color: #ffffff;
pointer-events: none;
}
.textalbumZ {
position: absolute;
width: 100%;
top: 43.0%;
font-family: myFirstFont;
font-weight: bold;
font-size: 42px;
text-align: center;
color: #ffffff;
pointer-events: none;
}
.tablerc {
background-color: #353535;
border-radius: 35px;
width: 82vw;
}
.tablerk {
width: calc(82vw + 36px);
padding-left: 8px;
height: 490px;
}
.aboutmebodytext {
margin-left: 30px;
margin-right: 0px;
font-family: mysecondfont;
font-size: 20px;
color: #adadad;
}
.aboutmebodytexta {
margin-left: 30px;
margin-right: 0px;
font-family: mysecondfont;
font-size: 20px;
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: 30px;
line-height: 100%;
}
.tablespace {
height: 26px;
}
.bullet {
font-size: 16px;
}
.tdsocial {
margin-left: 26px;
}
.tdbullet {
height: 37px;
}
.spacebullet {
height: 24px;
}
.spacectup {
height: 85px;
}
.spacemiddle {
height: 80px;
}
.tabelaaboutmetexto {
align: center;
width: 80vw;
}
.tabelaaboutlista {
align: center;
width: 80vw;
top: 0px;
spacing: 0px;
margin-top: 10px;
}
.aboutmetexttd {
text-align: justify;
vertical-align: top;
}
.aboutmetexto {
font-family: mysecondfont;
color: #adadad;
font-size: 21px;
line-height: 165%;
}
.bulletnew {
color: #adadad;
font-family: mysecondfont;
text-align: center;
font-size: 18px;
line-height: 50%;
display: inline;
}
.tableinitsp {
height: 70px;
}