@font-face {
  font-family: FF;
  src: url(fonts/FF.woff);
}

@font-face {
  font-family: "HN";
  src: url(fonts/hnt.woff);
}

h1
{
font-family:FF;
}

.resizeDiv {
    -webkit-transition: -webkit-transform 0.1s ease-in;
    transition: transform 0.1s ease-in;
    position:absolute;
    left:200px;
    top:100px;
    height:500px;
    z-index:5;

}

input[type='date']
{
color:#FFFFFF;
}
::-webkit-datetime-edit-month-field{ color: black; font-weight:bold; }
::-webkit-datetime-edit-day-field { color: black; font-weight:bold; }
::-webkit-datetime-edit-year-field { color: black; font-weight:bold; }
::-webkit-datetime-edit-text { color:black;}

.accountform
{
  position:absolute;
  top:-800px;
}


.menu
{
  position:fixed; 
  left:10px; 
  top:0px; 
  width:175px; 
  min-height:800px;
  height:800px; 
  overflow: hidden;
  color:white;
  border: 30px solid transparent;
  border-image: url(/images/deleniation.png) 40 stretch;
  border-image-outset:-55px;
  border-top:none;
  border-left:none;
  border-bottom:none;
}

.menu img
{
  margin-bottom:45px;
}
.menu a
{
  text-align:left;
  display:block;
  margin-bottom:20px;
}

.footer
{
font-family:FF;
text-align:center;
font-size:18pt;
}

.content
{
position:relative;
left:195px;
top: 0px;
width:800px;
height:1200px;
color:white;
z-index:5;
}


.subtext
{
color:white;
font-size:10pt;
text-align:center;
}

body
{
font-family:"HN",Arial,Sans-Serif;
background-color:black;
}

.disabledresizeDiv:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

h1 
{
 margin-top:10px;
 margin-bottom:10px;
 font-size:32pt;
 text-align:center;
 color:rgb(192,192,192);
}

h2
{
 font-family:FF;
 margin-top:10px;
 margin-bottom:10px;
 font-size:24pt;
 color:rgb(192,192,192);
}

.logo
{
position:relative;
 width:400px;
 height:400px;
 z-index:4;
 pointer-events: none;

}

.logo2
{
position:absolute;
 width:400px;
 height:400px;
 z-index:4;
 pointer-events: none;
 left:50%; 
 margin-left:-50px;
 transform:scale(2); 
 top:250px; 

}

.logoContainer
{
  position: relative;
  display:inline-block;
  width:400px;
  height:450px;
  pointer-events: none;
}
.titleText
{
  position:relative;
  margin-top:-100px;
  text-align:center;
  font-size:48pt;
  z-index:10;
  text-shadow: 
    0 1px 0 #ccc, 
    0 2px 0 #c9c9c9, 
    0 3px 0 #bbb, 
    0 4px 0 #b9b9b9, 
    0 5px 0 #aaa, 
    0 6px 1px rgba(0,0,0,.1), 
    0 0 5px rgba(0,0,0,.1), 
    0 1px 3px rgba(0,0,0,.3), 
    0 3px 5px rgba(0,0,0,.2), 
    0 5px 10px rgba(0,0,0,.25), 
    0 10px 10px rgba(0,0,0,.2), 
    0 20px 20px rgba(0,0,0,.15);
  font-family:FF;
}
.front 
{
  font-weight:200;
 font-size:20pt;
 text-align:center;
 color:rgb(55,55,55);
 text-shadow: 0px 0px 5px white;
 text-decoration:none;
}

.frontLink
{

 font-size:20pt;
 font-weight:100;
 text-align:center;
 color:rgb(55,55,55);
 text-shadow: 0px 0px 5px white;
 text-decoration:none;
}

.frontLink:hover
{
color:black;
}

.triGrid
{
width:350px;
height:400px;
display:inline-block;
margin:10px;
cursor:pointer;
}
.triGrid img
{
  width:350px;
  height:100%;
}

.triGrid:hover img
{
transition: 1.5s ease-in-out transform;
transform:scale(1.2);
}

.triGrid .mainSections
{
position:relative;
 margin-top:10px;
 margin-bottom:10px;
 font-weight:200;
 font-size:26pt;
 text-align:center;
 color:rgb(192,192,192);
top:-70px;
}

.triGrid:hover .mainSections
{
color:rgb(55,55,55);
}

.triGrid img
{
position:relative;
top:0px;
mix-blend-mode: multiply;
transition: 0.5s ease-out transform;
}

a
{
 text-align:center;
 color:rgb(192,192,192);
 text-shadow: 0px 0px 1px white;
 text-decoration:none;
}

a:hover
{
 color:rgb(204, 255, 204);
}

.inlineLinks 
{
 font-size:14pt;
 text-align:center;
 color:rgb(192,192,192);
 text-decoration:none;
 font-weight:bold;
}

.links
{
font-family:FF;
font-weight:200;
 font-size:20pt;
 text-align:center;
 color:rgb(256,256,256);
 text-shadow: 0px 0px 5px rgb(205, 205, 205);
 text-decoration:none;
}
.active
{
font-weight:bold;
}
.inlineLinks:hover
{
text-shadow: 0px 0px 8px white,0px 0px 10px white,0px 0px 12px rgb(205, 205, 205);
 color:rgb(256,256,256);
}

.links:hover
{
 color:#CCFFCC;
}

.rightImage
{
position:fixed;
right:0px;
top:150px;
width:500px;
height:600px;
z-index:0;
}

#cover
{
transition: 1s linear opacity;
position:fixed;
top:0px;
left:0px;
width:110%;
height:100%;
background-color:white;
z-index:2;
}

#cover2
{
transition: 1s linear opacity;
position:absolute; 
top:0px; 
left:0px; 
width:100%; 
background-color:white;
height:100%; 
z-index:3; 
text-align:center;
}

#background
{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100px; 
overflow:hidden; 
background-color:black; 
z-index:1;
}

.webTable
{
max-width:800px;
text-align:center;
}

.webTable div
{
display:inline-grid;
width:250px;
margin:5px;
}


.portfolio
{
max-width:800px;
}

.portfolio div
{
display:inline-grid;
width:160px;
margin:10px;
}

.rates
{
  font-size:10pt;
  width:650px;
}

.rates thead
{
  font-family: FF;
  font-size:14pt;
  font-weight:bold;
  text-align:center;
}

.rates td
{
  padding: 10px;
}

.rates tr
{
  background-color: rgb(55,55,55);
}

.rates tr:nth-child(odd)
{
  background-color: rgb(25,25,25);
}

/*----Responsive Design----*/
@media screen and (max-width: 1200px)
	{
		
    .logo
    {
    position:relative;
     width:340px;
     height:340px;
     z-index:7;
    }

    .logo2
{
  margin-left:-85px;
  transform:scale(1.5); 
  top:200px;
  z-index:7;
}

.titleText
{
  font-size:32pt;
}

.front 
{
 font-size:16pt;

}

.frontLink
{
  font-size:16pt;
}

    .triGrid
{
width:250px;
height:300px;
cursor:pointer;
}

    .triGrid img
{
  width:250px;
}

.triGrid .mainSections
{
  font-size:24pt;
}

textarea
{
  width:200px;
}
    .content
    {
    position:relative;
    background-color: rgba(0,0,0,.7);
    left:0px;
    top: 192px;
    padding-top:10px;
    width:calc(100% - 10px);
    height:1200px;
    color:white;
    z-index:5;
    }

    .deleniation
    {
    display:none;
    }


    .burgerMenu
    {
    position:relative;
    top:0px;
    cursor: pointer;
    left:50%;
    margin-left:-24px;
    width:48px;
    height:48px;
    background-image: url(/images/burgermenu.png);
    background-size: contain;
    background-repeat: no-repeat;
    z-index:20;
    margin-bottom: 30px;
    }

    .menu
    {
      text-align: center;
      transition:all .5s ease-out;
      background-color: rgba(0,0,0,.7);
      width:100%;
      left:0px;
      height:170px;
      min-height:170px;
      z-index:6;
      border: 30px solid transparent;
      border-image: url(/images/deleniationh.png) 70 stretch;
      border-image-outset:15px;
      border-top:none;
      border-left:none;
      border-right:none;

    }

    .menu img
    {
      margin-left:48px;
      margin-bottom:0px;
    }

    .menu a
    {
      text-align:center;
      font-size:36pt;
    }

	
	}

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

    .triGrid
{
width:350px;
height:300px;
cursor:pointer;
}

.rates
{
  font-size:10pt;
  width:380px;
}


  }

  .pulse {
    animation: pulse-animation 2s infinite ease-in-out;
    height:130px;
  }
  
  @keyframes pulse-animation {
    0% {
      -webkit-filter: drop-shadow(0px 0px 40px rgba(204, 255, 204,0));
      filter: drop-shadow(0px 0px 20px rgba(204, 255, 204,0));
    }
    50% {
      -webkit-filter: drop-shadow(0px 0px 40px rgba(204, 255, 204,1));
      filter: drop-shadow(0px 0px 20px rgba(204, 255, 204,1));
    }
    100% {
      -webkit-filter: drop-shadow(0px 0px 40px rgba(204, 255, 204,0));
      filter: drop-shadow(0px 0px 20px rgba(204, 255, 204,0));
    }
  }

  #path1839
    {
        fill:url(#linearGradient1789);
        fill-opacity:1;stroke:#000000;
        stroke-width:0;
        stroke-linecap:butt;
        
        stroke-linejoin:miter;
        stroke-miterlimit:4;
        stroke-dasharray:none;
        stroke-opacity:1
    }

    #path8372
    {
        animation: opacityAnimationR 3s 1 ease-out;
        position:relative;
    }
    #path8374
    {
        animation: opacityAnimationR 3s 1 ease-out;
        position:relative;
    }
    #path2585
    {
        animation: opacityAnimationL 3s 1 ease-out;
        fill:url(#linearGradient2591);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;
    }

    #path2587
    {
        animation: opacityAnimationL 3s 1 ease-out;
        fill:url(#linearGradient2593);fill-opacity:1;stroke:#000000;stroke-width:0;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;
    }

    #text1837
    {
        animation: opacityAnimationC 2s 1 ease-out;
    }

    @keyframes opacityAnimationR
    {
        0%
        {
            opacity:0;
            transform:translate(-20px);
        }
        100%
        {
            opacity:1;
            transform:translate(0px);
        }
    }

    @keyframes opacityAnimationL
    {
        0%
        {
            opacity:0;
            transform:translate(20px);
        }
        100%
        {
            opacity:1;
            transform:translate(0px);
        }
    }

    @keyframes opacityAnimationC
    {
        0%
        {
            opacity:0;
        }
        100%
        {
            opacity:1;
        }
    }

    @keyframes gra {
    0% {
      background: linear-gradient(135deg, #ff670f 0%, #ff670f 21%, #ffffff 56%, #0eea57 88%);
    }
    100% {
      background: linear-gradient(135deg, #ff670f 0%, #ff670f 5%, #ffffff 10%, #0eea57 40%);
    }
  }