@import url('reset.css');


.opacity {
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    border: none;
}

a:hover.opacity {
    opacity: 0.6;
    -moz-opacity: 0.6;
    filter: alpha(opacity=60);
    border: none;
}

a.opacityinverse {
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out; border:none;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);}

a:hover.opacityinverse {
    opacity: 1;
    -moz-opacity: 1;
    border: none;
}

.clear{clear: both;}

a,
a:link,
a:visited {
    color: #072f63;
    text-decoration: none;
    cursor: pointer;
}

a:hover {
    color: #464646;
    cursor: pointer;
}

body {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: #777;
    line-height: 27px;
    background: #FFF;
}


.left {position: relative; float: left;}
.right {position: relative; float: right;}

.clear {clear: both;}

.box-shadow {
    -moz-box-shadow: 0 0 7px #999;
    -webkit-box-shadow: 0 0 7px #999;
    box-shadow: 0 0 7px #999;
}

h1 {
	font-family: 'Inter', sans-serif;
	font-size: 21px;
	line-height: 32px;
	color: #333;
	font-weight: 400;
	margin-bottom: 25px;
	text-align: center;
   text-transform: uppercase;
   letter-spacing: 4px;
}


/* --------------------------------------------------------------------------
        CSS BASE
--------------------------------------------------------------------------- */

#wrapper {position: relative; height: auto; overflow: hidden; width: 100%; margin: 0 auto; text-align: center; font-size: 11px;}

span.strong {font-weight: 700; color: #333;}
span.slash {padding: 0 7px 0 7px;}
a {color: #454545;}
a:hover {color: #aaa;}