@import url('https://fonts.googleapis.com/css?family=Roboto:300');
@import url('https://fonts.googleapis.com/css?family=Roboto');

@font-face {
    font-family: "HeinekenSerif18-Bold";
    src: url("../fonts/eot/HeinekenSerif18-Bold.eot");
    src: url("../fonts/eot/HeinekenSerif18-Bold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff/HeinekenSerif18-Bold.woff") format("woff"),
    url("../fonts/ttf/HeinekenSerif18-Bold.ttf") format("truetype"),
    url("../fonts/svg/HeinekenSerif18-Bold.svg#FuturaStd-CondensedBold") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: "HeinekenSerif18-ExtraBold";
    src: url("../fonts/eot/HeinekenSerif18-ExtraBold.eot");
    src: url("../fonts/eot/HeinekenSerif18-ExtraBold.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff/HeinekenSerif18-ExtraBold.woff") format("woff"),
    url("../fonts/ttf/HeinekenSerif18-ExtraBold.ttf") format("truetype"),
    url("../fonts/svg/HeinekenSerif18-ExtraBold.svg#FuturaStd-Condensed") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: "HeinekenSerif18-Medium";
    src: url("../fonts/eot/HeinekenSerif18-Medium.eot");
    src: url("../fonts/eot/HeinekenSerif18-Medium.eot?#iefix") format("embedded-opentype"),
    url("../fonts/woff/HeinekenSerif18-Medium.woff") format("woff"),
    url("../fonts/ttf/HeinekenSerif18-Medium.ttf") format("truetype"),
    url("../fonts/svg/HeinekenSerif18-Medium.svg#FuturaStd-Condensed") format("svg");
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-variant-ligatures: none;
    -moz-font-variant-ligatures: none;
    font-variant-ligatures: none;
    -webkit-font-feature-settings: "liga" 0;
    -moz-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0;
    
}
*:focus {
    outline: 0!important;
}
.clearfix:after {
	content:"";
	display: block;
	clear: both;
}
html {
  -webkit-text-size-adjust: none;
  -webkit-font-smoothing: aliased;
}
body{
    font-family: 'HeinekenSerif18-Medium', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    background-color: #000!important;
}
p{
    font-size: 16px;
    font-family: 'HeinekenSerif18-Medium', sans-serif;
    font-weight: 400;
    text-align: left;
    line-height: 24px;  
    margin: 0;
    padding: 0;
}
p > span{
    font-weight: 600;
}
img{
    width: 100%;
    height: auto;
    display: block;
}
ul{
    overflow: auto; 
}
ul > li{
    float: left;
    list-style-type: none;
}
ul > li > a{
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #c2c2c2;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #c2c2c2;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #c2c2c2;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #c2c2c2;
}
:placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */
  color:    #c2c2c2;
}

/*Remove tap highlight on iOS*/
input,
textarea,
button,
select,
div,
ul,
li,
span,
img,
a {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 62.5rem white inset;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
select{ 
   -webkit-appearance: none !important;
   -moz-appearance:    none !important;
   appearance:         none !important;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */  /* Firefox 1-3.6 */     
   border-radius: 0 !important;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}