html, body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-color: #fafafa;
background-image: url(images/bg.jpg);
background-size: cover;
background-attachment: fixed;
font-size: 100%;
scroll-behavior: smooth;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
word-wrap: break-word;  
}

 

::-moz-selection {
color:#848484;
background-color: #efe7d5;
}

::selection {
color:#848484;
background-color: #efe7d5; 
}

::-webkit-scrollbar {
width:1.25rem; 
background: #FFFFFF;  
}

::-webkit-scrollbar-thumb {
background: #cccbcb;
-webkit-border-radius: 0.625rem;
-moz-border-radius: 0.625rem;
border-radius: 0.625rem;
}

 
.header {
padding:0px;
margin:0px;
background-color: rgba(255, 255, 255, 0.6);
}


.header img {
width:100%;
height: auto;
padding-bottom:0.0625rem;
margin:0px;
background-color: rgba(255, 255, 255, 0.6);
background-image: linear-gradient(to right, #d8d8d8 60%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 0.875rem 0.0625rem;
background-repeat: repeat-x;
}
  

blockquote {
margin:1rem    1.25rem;
border-left: solid 0.625rem rgba(0,5,0,0.04);
background-color: rgba(0,0,0,0.08);
color:#848484;
max-width: 100%;
padding:  0.625rem  1.25rem;
letter-spacing: 0.125rem;
font-family: 'Muli', sans-serif;
font-size:  0.8125rem;
line-height:  3.125rem;
text-align: justify;  
font-weight: 400;
}

 .navi-wrap {
position: absolute;
top:0px;
left:0px;
right:0px;
z-index: 99999;
display: flex;
padding: 1.625rem  5.625rem;
flex-wrap: wrap;
justify-content: space-between;
background-color: rgba(255,255,255,0.85);
background-image: linear-gradient(to right, #9c9c9c 30%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 1.25rem  0.0625rem;
background-repeat: repeat-x;
}


.site-name a, .site-name a:link, .site-name a:visited{
font-family: 'Muli', sans-serif;
text-decoration: none;
color:#3d3d3d;
font-size: 1.375rem;
margin: 1rem 1.25rem;
display: inline-block;
line-height: 1.25rem;
letter-spacing: 0.0625rem;
text-transform: uppercase;
font-weight: 600;
 padding-right:  1.25rem;
border-right: solid  0.0625rem #3d3d3d;
}


.site-name a:hover {
color:#c6c6c6;
border-right: solid 0.0625rem #c6c6c6;
}


.site-name a:hover .symbol{
color: transparent;
text-shadow:  0 0 0 #c6c6c6;
}


.line {
height: 0.25rem;
width: 1.75rem;
background-color: #4f4f4f;
margin-left:auto;
margin-right: auto;
margin-top:  1.875rem;
margin-bottom:  1.875rem;
}


ul {
list-style-type: square;
color:#707070;
text-align: justify;
font-size:  0.875rem;
line-height:  2.188rem;
font-family: 'Muli', sans-serif;
letter-spacing: 0.0625rem;
font-weight: 400;
}



ol {
list-style-type: lower-alpha;
color:#707070;
text-align: justify;
font-weight: 400;
font-size:  0.875rem;
line-height:  2.188rem;
font-family: 'Muli', sans-serif;
letter-spacing:  0.0625rem;
}


.strong {
font-weight: 800;
}


.menu {
cursor: pointer;
font-family: 'Muli', sans-serif;
text-decoration: none;
color: transparent;
text-shadow:  0 0 0 #929292;
font-size: 0.875rem;
font-weight: 600;
text-align: right;
margin: 1.125rem   0.9375rem;
display: none;
line-height:  1.25rem;
letter-spacing:  0.0625rem;
text-transform:  uppercase;
}


.link  {
list-style-type: none;
list-style-position:inside;
margin:0;
display: inline-block;
padding:0;
}


.navi a, .navi a:link, .navi a:visited {
font-family: 'Muli', sans-serif;
text-decoration: none;
color: transparent;
text-shadow:  0 0 0 #929292;
font-size: 0.75rem;
font-weight: 600;
text-align: right;
margin: 1.125rem   0.9375rem;
display: inline-block;
border-bottom: 0.125rem solid transparent;
line-height: 1.25rem;
letter-spacing:  0.0625rem;
text-transform:  uppercase;
}


.drop-items li a, .drop-items li a:link,  .drop-items li a:visited {
color: transparent;
text-shadow:  0 0 0 #929292;
border-bottom: 0.125rem  solid transparent; 
}


.drop-items li a:hover {
color: transparent;
text-shadow:  0 0 0 #c6c6c6;
border-bottom: 0.125rem solid #c6c6c6;
}
  

.dropdown  {
display: inline-block;
list-style-type: none;
list-style-position:inside;
margin:0;
padding:0;
}


.drop-items  {
display: none;
list-style-type: none;
list-style-position:inside;
margin:0;
padding:0;
  }


.dropdown:hover .drop-items {
display: block;
background-color: rgba(255, 255, 255, 0.8);
background-image: linear-gradient(to right, #e2e2e2 50%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 0.625rem 0.0625rem;
background-repeat: repeat-x;
position: absolute;
max-width: 10rem;
 	 
 
}

 
.navi a:hover {
color:#c6c6c6;
padding:0px;
border-bottom:  0.125rem solid #c6c6c6;
}


.navi {
display: block;
}
  

.content {
width:75%;
text-align: center;
margin: 0 auto;
}


.contenttwo { 
width:75%;
text-align: right;
margin: 0 auto;
}


.content-wrap {
margin:0px;
background-image: linear-gradient(to right, #d8d8d8 60%, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size:  0.875rem 0.0625rem;
background-repeat: repeat-x;
background-color: rgba(255,255,255,0.56);
padding: 3.75rem  0px;
}


.footer-content {
text-align: center;
width:75%;
margin: 0 auto;
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}


.left-text p a, .left-text p a:link, .left-text p a:visited {
color:#a5b79d;
border-bottom: dashed 0.0625rem transparent;
text-decoration: none;
font-weight: 400;
}


.left-text p a:hover {
color:#b7c6b1;
}

.footer-wrap {
margin:0px;
background-image: linear-gradient(to right, #d8d8d8 60%, rgba(255, 255, 255, 0) 0%);
background-position: top;
background-size:  0.875rem 0.0625rem;
background-repeat: repeat-x;
background-color: rgba(255,255,255,0.28);
padding: 1rem  0px;
}


.symbol {
color: transparent;
text-shadow:  0 0 0 #3d3d3d;
padding-right:  0.3125rem;
}
 

.content p {
color:#848484;
letter-spacing: 0.125rem;
font-family: 'Muli', sans-serif;
font-size:  0.8125rem;
line-height:  3.125rem;
text-align: justify;  
-moz-text-align-last: center;  
text-align-last: center;
font-weight: 400;
}


.contenttwo img, .content  img  {
max-width: 100%;
height: auto; 
}


.icon  {
width: 7.5rem;
height:  10rem;
border:double 0.625rem rgba(0,0,0,0.08);
margin-top: 1.875rem;
margin-right: 0.625rem;
float: left;
filter: grayscale(50%);
-webkit-filter: grayscale(50%);
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
}


.icon:hover {
filter: grayscale(0%);
-webkit-filter: grayscale(0%);
}

 .contenttwo p {
color:#848484;
letter-spacing: 0.125rem;
font-family: 'Muli', sans-serif;
font-size:  0.8125rem;
line-height:  3.125rem;
text-align: justify;  
font-weight: 400;
 }


.left-text p{
color:#848484;
letter-spacing: 0.125rem;
font-family: 'Muli', sans-serif;
font-size: 0.8125rem;
line-height: 1.25rem;
text-align: justify;  
-moz-text-align-last: center;  
text-align-last: center;
font-weight: 400;
}


a:link, a:hover, a:visited {
  text-decoration: none;
}

 
.right-text p, .right-text a,  .right-text a:link,  .right-text a:visited {
text-decoration: none;
color: transparent;
text-shadow:  0 0 0 #c6c6c6;
letter-spacing: 0.125rem;
font-family: 'Muli', sans-serif;
font-size:  0.8125rem;
line-height: 1.25rem;
text-align: justify;  
-moz-text-align-last: center;  
text-align-last: center;
font-weight: 400;
}


.right-text a:hover {
text-decoration: none;
text-shadow:  0 0 0 #a0a0a0;
}


.btnone, .btnone a, .btnone a:link, .btnone a:visited {
background-color: transparent;
border:solid 0.0625rem  #aaaaaa;
padding: 0.9375rem  0.9375rem;
text-align: center;
color:#8e8e8e;
font-family: 'Muli', sans-serif;
font-size: 0.8125rem;
margin:0px 0.25rem;
margin-top:  1.25rem;
letter-spacing:  0.1875rem;
text-transform: uppercase;
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
cursor: pointer;
font-weight: 400;
}


.btntwo, .btntwo a, .btntwo a:link, .btntwo a:visited  {
background-color: transparent;
border:solid 0.0625rem  #aaaaaa;
padding: 0.625rem 0.9375rem;
text-align: center;
color:#8e8e8e;
margin:0px  0.25rem;
font-family: 'Muli', sans-serif;
font-size: 0.8125rem;
margin-top:  1.25rem;
letter-spacing:  0.1875rem;
text-transform: uppercase;
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
cursor: pointer;
font-weight: 400;
}


.btnthree, .btnthree a, .btntree a:link, .btnthree a:visited  {
background-color: transparent;
border:solid 0.0625rem  #c1c1c1;
padding:  0.625rem  0.9375rem;
text-align: center;
color:#c1c1c1;
font-family: 'Muli', sans-serif;
font-size: 0.8125rem;
margin-top:  1.25rem;
letter-spacing:  0.1875rem;
text-transform: uppercase;
-moz-transition: all 0.7s ease-in;
-o-transition: all 0.7s ease-in;
-webkit-transition: all 0.7s ease-in;
transition: all 0.7s ease-in;
cursor: pointer;
font-weight: 400;
}


.btnone:hover, 
.btntwo:hover,
.btnthree:hover{
-webkit-border-radius: 1rem;
-moz-border-radius:  1rem;
border-radius:  1rem;
}


.btnone:focus, .btntwo:focus, .btnthree:focus  {
outline: none;
}

mark {
background-color: #eef2e1;
padding: 0.625rem  0.3125rem;
border-bottom: dashed 0.0625rem #e5e5e5;
}


.content h1 {
margin:0px;
text-align: center;
text-transform: uppercase;
font-weight: 400;
color:#4f4f4f;
padding: 1.25rem  0px 0px 0px;
letter-spacing: 0.0625rem;
font-size:  1.688rem;
 font-family: 'Muli', sans-serif;
}


.contenttwo h1 {
margin:0px;
padding: 1.25rem  0px 0px 0px;
text-align: left;
text-transform: uppercase;
font-weight: 400;
color:#4f4f4f;
letter-spacing: 0.0625rem;
font-size:  1.688rem;
line-height: 1.25rem;
font-family: 'Muli', sans-serif;
}


.contenttwo h2 {
margin:0px;
padding-top: 1.75rem;
padding-bottom : 0px;
text-align: left;
text-transform: uppercase;
font-weight: 400;
color:transparent;
text-shadow:  0 0 0 #a0a0a0;
line-height: 1.25rem;
letter-spacing:0.125rem;
font-size:  0.8125rem;
font-family: 'Muli', sans-serif;
}


.contenttwo h3 {
padding:  2.125rem 0px  0.875rem 0px;
margin:0px;
text-align: left;
text-transform: uppercase;
font-weight: 400;
color:#4f4f4f;
letter-spacing: 0.0625rem;
font-size:  1.063rem;
line-height: 1.438rem;
font-family: 'Muli', sans-serif;
}


.contenttwo h4 {
padding:  0.625rem 0px;
margin:0px;
text-align: left;
text-transform: uppercase;
font-weight: 400;
color:#4f4f4f;
letter-spacing: 0.0625rem;
font-size:  0.8125rem;
line-height: 1.25rem;
font-family: 'Muli', sans-serif;
}


.content h1:first-letter,  .contenttwo h1:first-letter  {
font-weight: 800;
}

 

.content p a, .content p a:link,.content p a:visited,
.contenttwo p a, .contenttwo p a:link,.contenttwo p a:visited {
border-bottom: dashed 0.0625rem #e5bc54;
color:#e5bc54;
text-decoration: none;
}


.content p a:hover ,  .contenttwo p a:hover {
color:#f2ce74;
text-decoration: none;
border-bottom: dashed 0.0625rem #f2ce74;
}


 .text-message img {
 	filter: grayscale(50%);
-webkit-filter: grayscale(50%);
 }

.text-message {
margin: 0 auto;
text-align: center;
width:60%;
}


.text-message-wrap {
padding: 1.875rem 0px;
}


.text-message h2 {
color:#a3a3a3;
text-align: center;
text-transform: uppercase;
font-weight: 400;
letter-spacing: 0.25rem;
font-size:  0.875rem;
line-height:  1.875rem;
font-family: 'Muli', sans-serif;
margin:  0.3125rem 0px;
}


.text-message h3 {
margin: 0.3125rem ;
color:#b7b7b7;
text-align: center;
text-transform: uppercase;
font-weight: 400;
line-height: 1.25rem;
letter-spacing: 0.25rem;
font-size: 0.6875rem;
font-family: 'Muli', sans-serif;
}
 

.show {
}

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

.drop-items   {
display: block;
padding-left:  0.625rem;
position: static !important;
}


.dropdown:hover .drop-items {
display: block;
background-image: none;
background-color: transparent;   
}

.navi { display: none; }
 
.show {
width: 100%;
display: block;
}

.link , .dropdown, .menu { display: block; }  

.navi-wrap {
padding: 0.625rem  2.5rem;
}
 
}

 
 @media screen and (max-width: 310px) {
.icon {
float: none;
display: block;
margin-left: auto;
margin-right: auto;
}
}  


 @media screen and (max-width: 550px) {
 
.navi-wrap {
position: static;
padding:0.625rem 0.625rem;
}
 
.right-text, .left-text {
width: 100%;

}
}
 

@media screen and (min-width: 1440px) { 
html  {
 font-size: 106%;
} }


@media screen and (min-width: 1600px) { 
html  {
 font-size: 116%;
} }


@media screen and (min-width: 1680px) { 
html  {
 font-size: 123%;
} }


@media screen and (min-width: 1920px) { 
html  {
  font-size: 141%;

} }
 

@media screen and (min-width: 2560px) { 
html  {
  font-size: 188%;

} }