body, html{
	padding:0;
	margin:0;
	height: 100%;
	font-size: 1em;
	color: #212121;
	font-family:     'Gotham-Book-Regular', sans-serif;
}

* {
	padding:0;
	margin:0;
	border:0;
}
img {
	width: 100%;
	display: block;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a {
	text-decoration: none; color: #fff;
}
a:hover {
	color: #8f4197;
}
.wrapper {
	width: 100%; height: 100%;  position: relative;
}
.table {
	display: table; width: 100%;
}
.row {
	display: table-row;
}
.cell {
	display: table-cell;
	vertical-align: middle;
}
.col-md-12{width:100%}.col-md-11{width:75%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}

.left {
	float: left;
}
.right {
	float: right;
}
/*form css*/

label {
	display: block;
	font-size: 1em;
	color: #fff;
	padding-bottom: 3px;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}
input {
	padding: 5px;
	margin: 3px 0 8px;
	background: #eee; 
	color: #333;
	text-align: center;
	font-size: 0.8em;
	width: 100%; 
}

h2 {
	text-align: center; color: #fff; font-weight: normal; margin-bottom: 10px;
}
.outer-box {
	width: 900px;
	margin:0 auto;
}
@media (max-width:768px) {
	
}
.footer {
	    border-top: 1px dotted #333;
    padding: 10px 0;
    display: inline-block;
    width: 100%;


}
.left-pan {
	border-right: 1px solid #ccc;
	color: #333;
	float: left;
	width: 50%;
	font-family: Gotham-Book-Regular;
	font-size: 13px;
}
.right-pan {
	float: right;
}
.right-pan img{
	max-width: 80px;
}
.slide02, .slide03, .slide04, .slide05, .slide06, .slide07, .slide08, .slide09 {
	margin: -4px 0 0;
}
ul {
	margin: 1em;
}
@font-face {
      font-family: Gotham-Bold;
      src: url("fonts/Gotham-Bold.ttf") format("truetype");
    }
    @font-face {
      font-family: Gotham-Book-Regular;
      src: url("fonts/Gotham-Book-Regular.ttf") format("truetype");
    }
    @font-face {
      font-family: Gotham-Narrow-Book;
      src: url("fonts/Gotham-Narrow-Book.ttf") format("opentype");
    }
    @font-face {
      font-family: Gotham-Pro-Regular;
      src: url("fonts/Gotham-Pro-Regular.ttf") format("opentype");
    }


    h1, h2, h3, h4, h5, h6 {
    	font-family: Gotham-Bold;
    }



.mobile-outer {
	display: none;
}

@media (max-width: 768px) {
.outer-box {
	display: none;
}

.mobile-outer {
	width: 100%;
	padding: 20px;
	display: block;
}
img {
	margin: 1em auto; 
}
h1 {
	margin-bottom: 20px;
    font-size: 1.5em;
}
h2 {
	color: #f47820;
    margin: 20px 0;
    font-size: 1.2em;
    text-align: left;
}
h2 span {
	color: #222; font-size: 1em; font-family: Gotham-Book-Regular;
}
p {
	font-size: 1em; 
}
li {
	font-size: 1em; margin: 0.5em 0;
}
h3 {
	    background: #000;
    color: #fff;
    font-size: 1em;
    padding: 1em;
}
h4 {
	    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5em;
    font-size: 1em;
    margin: 20px 0;
}
.footer {
	margin-top: 20px;
}
.left-pan {
	width: 66%;
}
	}