@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:'robotoregular';
    src: url('fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'robotobold';
    src: url('fonts/roboto-bold-webfont.woff2') format('woff2'),
         url('fonts/roboto-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
      font-family: 'robotoregular','robotobold', sans-serif;
}
.wrapper-main {
	margin:20px 0;	
}
.main-conteiner {
	background-color:#e9e9e9;	
	padding:20px;
	margin-bottom:20px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;	
	float: left;
    width: 100%;
}
.header {
	color: #df1f1a;
    font-size: 28px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.images-key {
	margin-bottom:20px;	
}
.images-key img {
	max-width:100%;
	height:auto;	
}
h3.header {
	margin-bottom: 5px;
    margin-top: 25px;
	font-size:18px;
}
.input-size {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    margin-bottom: 5px;
    padding: 5px 10px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}
.input-box-text {
    float: left;
    height: auto;
    margin: 10px 0 0;
    width: 100%;
}
.checkbox-text {
   font-size: 16px;
   font-weight: 700;
}
.presented-by {
    border: 1px solid #ccc;
    border-radius: 7px;
    padding: 15px 30px;
}
.logo {
    margin-bottom: 15px;
    width: 100%;
}
.presented-by img {
    display: inline-block;
    margin-top: 7px;
    padding: 3px;
}
.event-information {
    border: 1px solid #ccc;
    border-radius: 7px;
    margin: 15px 0;
    padding: 15px 30px;
}
.thankyou {
	background-color:#ffffff;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;	
	padding:20px;
	margin:20px 0;
	width:100%;
	text-align:center;
}
.term {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    height: 200px;
    overflow: auto;
    padding: 10px;
}
.term ol li {
	line-height: 24px;	
}
.ticket {
	margin:20px 0;	
}
.header-top {
	background-color:#000000;
	padding:20px 0;
	border-bottom: 4px solid #cc0000;
	margin-bottom:20px;	
}
.header-top img {
	max-width:200px;	
}
.social {
    height: 33px;
    width: auto;
	color:#ffffff;
	float:right;
}
.social ul {
    float: left;
    height: 100%;
    margin-top: 5px;
    width: 100%;
}
.social ul li {
    float: left;
    height: 35px;
    line-height: 35px;
    margin-right: 3px;
    width: auto;
	list-style:none;
}
.lead {
    font-size: 21px;
}
.logo-ttm {
	width:auto;
	text-align:left;
	float:left;	
}
@media (max-width: 991px) {
.wrapper-main {
    margin: 0;	
}
}
@media (max-width: 530px){
.logo-ttm {
	width:100%;
	text-align:center !important;	
}
.social {
	display:none;	
}
}
