html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin:0;
padding:0;
border:0;
font:inherit;
font-size:100%;
vertical-align:baseline;
}

@font-face{
    font-family:"Eurostile";
    src:url('../fonts/eurostile_urw-webfont.ttf?1398165574') format('truetype'),url('../fonts/eurostile_urw-webfont.woff?1398165574') format('woff'),url('../fonts/eurostile_urw-webfont.eot?1398165574') format('embedded-opentype'),url('../fonts/eurostile_urw-webfont.svg?1398165574') format('svg')
}

@font-face{
    font-family:"Eurostile Black";
    src:url('../fonts/eurostile_urw_black-webfont.ttf?1398165574') format('truetype'),url('../fonts/eurostile_urw_black-webfont.woff?1398165574') format('woff'),url('../fonts/eurostile_urw_black-webfont.eot?1398165574') format('embedded-opentype'),url('../fonts/eurostile_urw_black-webfont.svg?1398165574') format('svg')
}

body{
    color:#ffffff;//#def4f4;
    background-color:#49b0e2;
    text-align:center;
    background-image:url("/images/bg_main.png");
    background-repeat:repeat;
    padding-left: 20px;
    padding-right: 20px;
    }
html {  
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:15px;
    line-height:11px;
    line-height:1.1rem;
}
A:link {
	color:#ffffff;
	//text-decoration:none;
	}
A:visited {
	color:#ffffff;
	//text-decoration:none;
	}
A:active {
	color:#d11830;
	text-decoration:none;
	}
A:hover {
	color:#d11830;
	text-decoration:underline;
	}
.small, a.small:link, a.small:visited {
	color:##ffffff;
	font-size:11px;
	}
table, td, tr{
	color:#ffffff;
	font-size:13px;
	font-family:verdana,arial,helvetica,sans-serif;
	}
table.ni {
  margin-top:9px;
}

.header {
  //background-color:#55a3dc;
  width: 100%;
  max-width:960px;
  height: 214px;
  margin: auto;
}
.header div.decoration{
  clear: both;
  width: 100%;
  height: 1px;
  text-align: left;
  border-bottom: 1px solid #fcdb22;
}
.headerlogo{
  width: 50%;
  max-width:480px;
  float:left;
  margin: auto;
  height: 100%;
}
.headerlogo a {
  text-decoration:none;
  margin: auto;
}
.headerlogo img {
  margin: auto;
  width: 100%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pagetitle {
  float:left;
  width: 25%;
  display: block;
  text-align: left;
  vertical-align: bottom;
}
.navigation {
  float:right;
  width: 25%;
  //background-color:#5500dc;
  //height: 100%;
}
.navigation div.navitem {
  float:right;
  width: 40%;
  text-align: right;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 0px;
  border-top: 1px solid #fcdb22;
  clear: both;
}
.navigation div.first{
  padding-top: 30px;
  border-top: none;
}
.navitem a {
  text-decoration:none;
  float:right;
  position:relative;
  top:-4px;
  font-family:"Eurostile Black";
  font-weight:bold;
  font-size:15px;
  font-size:1.5rem;
  //letter-spacing:-0.05rem;
  color:#e93850;
  text-transform: uppercase;
  text-shadow: -1px -1px #8833aa;
}
.navitem a:hover {
  text-decoration:none;
  color:#fcdb22;
  text-shadow: 2px 2px #d11830;
}
.main {
  width:100%;
  max-width:960px;
  margin: auto;
  margin-top:20px;
  text-align:center;
  height:auto;
}
p {
  margin-top:0px;
  margin-bottom:9px;
}
p.small {
  font-size:0.7rem;
  line-height:0.9rem;
}
.seph,.sephl,.sephlred,.secthdrsep,.righthdrsep,.sephxl{
  height:1px;
  line-height: 0;
  font-size: 0;
  margin-top:0.2rem;
  margin-bottom:0.2rem;
  background-repeat:repeat-x;
  width: 100%;
}
.seph{
  background-image:url("/images/dots_h.png");
}
.sephl,.sephlred,.secthdrsep,.righthdrsep,.sephxl{
  margin-bottom:0.6rem;
  background-image:url("/images/dots_hl_red.png");
}
.sephxl{ 
  margin-top:9px;
  margin-bottom:9px;
}
.sephlred,.secthdrsep,.righthdrsep{
  background-image:url("/images/dots_hl_red.png");
}
.sepv {
  float:left;
  width:1px;
  background-image:url("/images/dots_v.png");
  background-repeat:repeat;
  margin-right:5px;
}
.contentl,.contentm,.contentr,.contentwide,.sc_player {
  float:left;
  box-sizing: border-box;
  width:100%;
  background-image:url("/images/bg_sect.png");
  background-repeat:repeat;
  background-color:#F6C050;
  text-align:left;
  border-top: 1px solid #6887d2;
  border-left: 2px solid #6887d2;
  font-size:0.95rem;
  //border-right: 3px solid #fcdb22;
  //border-bottom: 2px solid #fcdb22;
  //border-radius: 1px;
  padding-top:30px;
  padding-bottom:30px;
  padding-left:20px;
  padding-right:20px;
  margin-bottom:30px;
}
.contentl.last{
  margin-bottom:0;
}
.contentl.minheight{
  min-height:270px;
}
.contentl iframe{
  width:100%;
  box-sizing: border-box;
}
.decor{
  width:100%;
  text-align:center;
  margin:auto;
  margin-top:30px;
  margin-bottom:30px;
  display: inline;
}
div.pageend{
  clear: both;
  height: 204px;
  width:100%;
  max-width:960px;
  margin: auto;
  box-sizing: border-box;
  background-image:url("/images/bg_pageend.png");
  background-position:bottom center;
  background-repeat:repeat;
  //background-attachment:fixed;
  //background-color:#000000;
}
.footer{
  position:relative;
  top:0;
  font-size:10px;
  font-size:0.8rem;
  height:30px;
  width:100%;
  text-align:right;
  background-image:url("/images/bg_footer.png");
  background-repeat:repeat;
  background-color:#d3152f;
  line-height:30px;
  border-top: 0.1rem solid #6887d2;
  border-left: 0.2rem solid #6887d2;
  margin:auto;
}
input.txt{
  margin:0px;
  padding:0px;
  height:25px;
  line-height:20px;
  font-size:15px;
  display: inline;
}

#ajax_response{
float:left;
}

.nl_response{
  padding-top:20px;
  color: #d3152f;
}

#nl_text3{
  color: #d3152f;  
}

.btn {
  width:80%;
  //margin: auto;
  margin-top:5px;
  //clear:both;
  background: #def4f4;
  background-image: -webkit-linear-gradient(top, #def4f4, #42a2de);
  background-image: -moz-linear-gradient(top, #def4f4, #42a2de);
  background-image: -ms-linear-gradient(top, #def4f4, #42a2de);
  background-image: -o-linear-gradient(top, #def4f4, #42a2de);
  background-image: linear-gradient(to bottom, #def4f4, #42a2de);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:"Eurostile Black";
  font-weight:bold;
  color: #e12840;
  font-size: 1.3rem;
  padding: 10px 30px 10px 30px;
  border: solid #52bdff 1px;
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(211,21,47,.75);
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
#nl_email {
  width:232px;
  vertical-align: top;
  line-height: 40px;
  height: 40px;
  padding-left:15px;
  padding-right:15px;
  font-size: 16px;
  border-width: 1px;
  border-color: #d3152f;
  background-color: #b4d8ee;
  color: #000000;
  border-style: solid;
  border-radius: 8px;
  box-shadow: 0px 0px 3px rgba(211,21,47,.75);
}
#nl_email:focus {
  outline:none;
}
div.hdr_small{
  margin-bottom:25px;
}
.pagehdr, .pagehdr_main, .secthdr,secthdr_main,.righthdr,righthdr_main {
  float:left;
  position:relative;
  top:-4px;
  font-family:"Eurostile Black";
  font-weight:bold;
  font-size:15px;
  font-size:1.5rem;
  color:#e12840;
  text-transform: uppercase;
}
.pagehdr_main {
  letter-spacing:0.05rem;
  color:#e93850;
  text-shadow: -2px -1px #8833aa; 
}
.righthdr {
  width:100%;
  display: inline-block;
  letter-spacing:-0.05rem;
  text-shadow: 2px 1px #fcdb22;
}
.clear {
  clear:both;
}
.secthdr{
  width:100%;
  //height:2.5rem;
  letter-spacing:-0.05rem;
  //overflow: hidden;
  text-shadow: 2px 1px #fcdb22;  
}
.newsletterInfo {
  width:100%;
  padding-top: 20px;
  padding-bottom: 0;
  float:left;
}
.secthdr_main {
  width:80%;      
}
.pagehdr_main, .secthdr_main.wide, .righthdr_main{
  width:100%;  
}
.pagehdr, .pagehdr_main {
  font-size:22px;
  font-size:2.2rem;  
}
.pagehdr_main {
  top:-21px;  
}
.secthdrsep,.righthdrsep{ 
  width:100%;
}

.date{
  bottom:10px;
  right: 0px;
  position:absolute;
  font-family:verdana,arial,helvetica,sans-serif;
  font-size:0.7rem;
  font-weight:normal;
  vertical-align:text-bottom;
  color:#d11830;
  text-shadow: none;
}
.releases{
  float:left;
  padding-right:5px;
}

.contentr form, .contentr a, .contentr .sephxl {
  width:100%;
}
.contentr form #nl_email{
  float:left;
  width:100%;
  clear:both;
}

.ns_form{
  float:left;
  width: 100%;
  box-sizing: border-box;
}
.row {
  line-height: 45px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}        
#cleft,#cright {
    float:left;
    padding:1px;
    padding-left:0;
    }
#cleft{
    width:60%;
    max-width: 624px;
    //margin-right:20px;
    }
#cright {
    float:right;
    width:36%;
    max-width: 346px;
    padding-right:0;
    }

@media only screen and (max-width: 960px){
  //  .secthdr{
  //  height:3.5rem;
  //}
  //.date{
  //  top:1.3rem;
 // }
}
@media only screen and (max-width: 760px){
  #cleft,#cright {
    float:left;
    width: 100%;
    max-width:100%;
  }
  .header{
  }
  .pagetitle {
    visibility: hidden;
    width: 0px;
  }
  .headerlogo{
    width: 100%;
    margin: auto;
  }
  .navigation {
    position: absolute;
    top:0px;
    right:20px;
    max-width:960px;
    height: 214px;
    background-color:#39a0e2;
    background-image:url("/images/bg_main.png");
    box-shadow: 0px 0px 10px rgba(211,21,47,.75);
    z-index: 900;
  }
  .navigation div.navitem {
    text-align: center;
    width:100%;
  }
  .navigation div.first{
    padding-top: 20px;
  }
  .navitem a {
    width:100%;
  }
  .pagehdr, .pagehdr_main, .secthdr,secthdr_main,.righthdr,righthdr_main {
    letter-spacing:0.05rem;
    line-height: 1.5rem;
  }
  .secthdr_main {
    width:60%;      
  }
  .date{
    letter-spacing:0;
  }
  .decor{
    display: none;
  }
  .burger {
    float:right;
    position: relative;
    top:-33px;
    cursor: pointer;
    z-index: 999;
    padding-left:5px;
    padding-right: 5px;
    box-shadow: 0px 0px 10px rgba(211,21,47,.75);
  }
  .burger.change {
   box-shadow: none; 
  } 
  .bar1, .bar2, .bar3 {
    width: 26px;
    height: 4px;
    background-color: #fcdb22;
    margin: 5px 0;
    transition: 0.4s;
  }
  .change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-5px, 6px);
    transform: rotate(-45deg) translate(-5px, 6px);
  }
  .change .bar2 {
    opacity: 0;
  }
  .change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -8px);
    transform: rotate(45deg) translate(-6px, -8px);
  }  


}