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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, a
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	/*font-size: 100%;*/
	vertical-align: baseline;
	background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {
	border-collapse: collapse;
	border-spacing: 0;}
header, nav, section, article, aside, footer {display: block;}
body {
	background: #eceae8 url(../img/bg.png);
	font: 14px/20px Arial, Tahoma, Verdana, sans-serif;}
a {
	color: #555;
	outline: none;
	text-decoration: none;}
a:hover {text-decoration: none;}
p {margin: 0 0 18px}
img {border: none;}
input {vertical-align: middle;}

@font-face {
    font-family: 'robotor';
    src: url('fonts/roboto/roboto-regular.eot');
    src: url('fonts/roboto/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/roboto-regular.woff2') format('woff2'),
         url('fonts/roboto/roboto-regular.woff') format('woff'),
         url('fonts/roboto/roboto-regular.ttf') format('truetype'),
         url('fonts/roboto/roboto-regular.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Additional */
#head, #footer {
	min-width: 800px;
	text-align: center;
	text-shadow: #fff 0 1px 0;}
#head {
	color: #555;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	margin: 100px 0 50px;}
#footer {
	font-size: 13px;
	margin: 20px 0;}


/* TABS */
.tabs {
    position: relative;
    margin: 0 auto;
	width: 100%;}
.tabs label {
  display: block;
  float: left;
  background: #ffffff;
  border-radius: 0;
  color: #555;
  cursor: pointer;
  font-weight: bold;
  font-size: 15px;
  position: relative;
  /* top: 2px; */
  min-width: 20%;
  height: 90px;
  line-height: 90px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: #fff 0 1px 0;
  z-index: 1;
  max-width: 100%;
  font-weight: 300;
  }
.tabs label span{
padding-left: 10px;
padding-right: 10px;
}
.tabs input {
	position: absolute;
	left: -9999px;
	bottom: 0;}
#tab_1:checked  ~ #tab_l1,
#tab_2:checked  ~ #tab_l2,
#tab_3:checked  ~ #tab_l3,
#tab_4:checked  ~ #tab_l4 ,
#tab_5:checked  ~ #tab_l5 {
	background: #fff;
	border-color: #fff;
	top: 0;
	z-index: 3;
	box-shadow: 0 1px 0 0 rgba(0,0,0,1);
	}

.tabs_cont {
	background: #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding: 0;
	position: relative;
	z-index: 2;
	overflow: hidden}
.tabs_cont > div {
	position: absolute;
	left: -9999px;
	top: 0;
	opacity: 0;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;}

#tab_1:checked ~ .tabs_cont #tab_c1,
#tab_2:checked ~ .tabs_cont #tab_c2,
#tab_3:checked ~ .tabs_cont #tab_c3,
#tab_4:checked ~ .tabs_cont #tab_c4,
#tab_5:checked ~ .tabs_cont #tab_c5  {
	position: static;
	left: 0;
	opacity: 1;
  }
  
@media screen and (max-width: 1024px){ 
.tabs label{
font-size: 13px !important;
}
}