@font-face {
  font-family: 'Gotham-Book';
  src: url('../font/Gotham-Book.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Book.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Book.svg#65526539dec42e535893223c14767f58') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('../font/Gotham-Light.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Light.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Light.svg#0fdc6c734a7ca54436fb28af9ab2f202') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  200;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Thin';
  src: url('../font/Gotham-Thin.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Thin.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Thin.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Thin.svg#0aac47714e259d61a3445651c8075cce') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  200;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Medium';
  src: url('../font/Gotham-Medium.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Medium.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Medium.svg#0fbe3a09622d8fb1f474f00917396ba1') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  400;
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'Gotham-Bold';
  src: url('../font/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('../font/Gotham-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
       url('../font/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../font/Gotham-Bold.svg#4b05af1f343b473876284bf412b923ab') format('svg'); /* Legacy iOS */
  font-style:   normal;
  font-weight:  700;
  -webkit-font-smoothing: antialiased;
}




<!-------------------------------------------------------------------------------------!>


html, body {
	margin: 0 !important;
	padding: 0 !important;
	height: 100%;
	width: 100%;
	background-color: #efefee !important;
}
body {
	-font-family: 'Source Sans Pro', sans-serif;
	font-family: 'Gotham-Book';
	-display: none;
	background-color: #efefee !important;
	color: #3c3c3c;
	font-size: 15px;
	line-height: 20px;
	
}

a {
	text-decoration: none;	
}

#pageloader {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color: #131313;
	z-index: 999999;
}
.loader-item {
  position: absolute;
  width: auto;
  height: height;
  margin: -25px 0 0 -25px;
  top: 50%;
  left: 50%;
  text-align: center;
}




#logo {


	float: left;
	width: 196px;
	height: 71px;
	position: absolute;
	top: 10px;
	margin-left: 50px;
	z-index: 150;
	background: url('../img/logo.png') no-repeat top left;
	display: block;

}

h1, h2, h3, h4, h5 {
	font-weight: normal;
	font-family: 'Gotham-Medium';
}

h1 {
	
	font-family: 'Gotham-Light';
	font-weight: normal;
	font-size: 45px;
	
}

h3 {
	font-size: 14px;	
}
strong {
	font-family: 'Gotham-Medium';
	font-weight: normal;
}





.container {
  /*
    The `max-width` property is the width governer.
  */
	max-width: 1100px;
	-width:100%;
	width: 1100px !important;
	margin:0px auto;
	position: relative;
	-border: 1px solid red;
	text-align: center;
}


p {
	clear: both;
	-margin-top: 20px;
}

a { border: 0; }
a:focus,
a:hover { color: #003399; }

p { font-weight: 300; }
img.aligncenter { margin: 3em auto; display: block; }

section { margin-bottom: 2.5em; }

.header2 {
	z-index: 1000 !important;
	-position: absolute;	
	position: relative;
	width: 100%;
	top: 0px;
	background: url(../img/top_navi_bg.png) repeat-x left top;
	-background-color: #222;
	height: 112px;
	-border: 1px solid red;
}

.header { position: relative; margin: 0px auto; background-size:cover; }
.header .welcome { }
.header .heavy { color: #333; font-size: 1.9em; line-height: 1.2; position: relative;  z-index: 100; font-weight: 300; }
.header .heavy span { font-size: 0.6em; }
.header .small { font-size: 0.9em; color: #fff; }
.header #carbonads-container { margin: 20px auto; width: 300px; }


.logo {
	-background:url(../img/logo.png) no-repeat left top;
	width: 221px;
	height: 48px;
	display: block;	
	-float: left;
	position: absolute;
	top: 20px;
}
.logo img {
	width: 100%;
	border: 0 !important;
}

.banner {
	margin-top: -30px !important;	
}
.banner_inner {
	width: 100%;
	margin-bottom: -4px;
	min-width: 1100px;	
}

.index_content {
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;	
	height: auto;
	margin-top: 40px;
	-border: 1px solid red;
	overflow: hidden;
	
}
.inner_content h2 {
	font-family: 'Gotham-Medium';
	font-size: 18px;
	border-bottom: 1px solid #0e8381;
	width: 100%;
	display: block;
	height: 40px;
	margin-top: 0;
}




.half_index_content {
	width: 50%;
	-padding: 30px;
	float: left;
	height: 500px;
	box-sizing: border-box;	
	overflow: hidden;
	float: left;
	text-align: left;
	-border: 1px solid red;
	
	
	
}

.full_index_content {
	width: 100%;
	box-sizing: border-box;	
	overflow: hidden !important;
	-height: 200px;
	text-align: left;
	-display: table;
	-border: 1px solid red;
}

.half_index_content .content, .full_index_content .content {
	padding: 30px;
	width: 50%;
	height: 100%;
	color: #333;
	float: right;
	font-size: 13px;
	box-sizing: border-box;	
	border-bottom: 2px solid #0e8381;
	position: relative;
	-border: 1px solid red;
	
	
}

.full_index_content .content {
	border-bottom: 0;
}

.half_index_content .content .btn_readmore {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	border: 0;
	text-decoration: none;
}

.half_index_content .content .btn_readmore img {
	width: 135px;
	border: 0;
	text-decoration: none;
}

.half_index_content .content h2 {
	font-size: 18px;
	font-family: 'Gotham-Medium';
	line-height: 20px;
	margin-top: 0;
}

.half_index_content img, .full_index_content img {
	width: 50%;
	display: block;
	float: left;
}
.half_index_content2 {
	height: 250px;
	
}

.inner_content .content2 {
	width: 700px;

}
.inner_content .content3 {
	width: 100%;	
}
.full_content {
	width: 100%;
}

.inner_content2 {
	height: auto;	
}

.links_content .col3 {
	width: 29%;
	height: auto;
	float: left !important;
	border: 1px solid #aaa;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	box-sizing: content-box;
	box-shadow: 5px 5px 5px #eee;	
}
.links_content .col3 img {
	float: none;
	margin: auto;
}

.links_content .col3 {
	text-align: center;	
	padding: 10px;
	margin: 10px;
}

.products_content img {
	width: inherit;	
}



.textbox1 {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0;
	border-color: transparent;
	-height: 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Gotham-Book';
	font-size: 12px;
	color: #000000;
	-background: url('../img/textbox_bg.jpg') left top;
	background-color: #eee;
	padding: 5px;
	margin-bottom: 10px;
	padding: 10px;
	width: 100%;
	box-sizing: border-box;
	
}
.main_btn {
	background-color: #0e8381;
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff !important;
	font-size: 12px;
	-border-radius: 10px;
	transition: all 0.5s ease;
	border: 0;
	width: 49%;
	margin-right: 2%;	
	float: left;	
}




.footer {
	background: url(../img/footer_bg.png) repeat-x left top;
	height: auto;
	width: 100%;
	margin-top: 50px;	
	padding-top: 60px !important;
	padding-bottom: 0;
	margin-bottom: 0;
	-border: 1px solid red;
}
.footer .navi a {
	font-family: 'Gotham-Medium';
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	clear: both;
	display: table;
	width: auto;
	margin-top: 9px;
	margin-bottom: 9px;
	-border: 1px solid red;
}
.footer .navi a:hover {
	color: #0e8381;
}

.footer .navi .last {
	margin-bottom: 0;
}
.footer .col3 {
	width: 33%;
	height: 170px;
	padding: 20px;
	padding-top: 0;
	-padding-bottom: 0;
	box-sizing:border-box;
	font-size: 13px;
	line-height: 16px;
	color: #000;
	text-align: left;
	-border: 1px solid red;
	border-right: 1px solid #666;
	float: left;
	margin-bottom: 20px;
}

.footer .col3 .logo {
	width: 150px;
	height: 32px;
	display: block;
	margin-top: -10px;
}

.footer .col3_1 {
	padding-left: 0;
}

.footer .address, .footer .address a {
	font-family: 'Gotham-Medium';
	border: 0;
	color: #333;
}

.footer .address h2 {
	font-family: 'Gotham-Medium';
	font-size: 15px;
	color: #0e8381;
}

.footer .container {
	display: table;
}

.footer .strap {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #fff;
	background-color: #118482;
	font-size: 12px;	
}

.footer .strap .f_left {
	position: relative;
	float: left;
}

.footer .strap .f_right {
	position: relative;
	float: right;
	color: #fff;
	text-decoration: none;
}