/*face {
	font-family: 'DIN-BOLD';
	src: local('DIN-BOLD'), url('./fonts/DIN-BOLD/font.woff') format('woff'), url('./fonts/DIN-BOLD/font.ttf') format('truetype');
	src: url('./fonts/DIN-BOLD/font.eot');
}

@font-face {
	font-family: Arial;
	src: local(Arial), url('./fonts/DIN-REGULAR/dinregularwebfont.woff') format('woff'), url('./fonts/DIN-REGULAR/dinregularwebfont.ttf') format('truetype');
	src: url('./fonts/DIN-REGULAR/dinregularwebfont.eot');
}
*/
body {
	font-family: Arial,Arial,Helvetica,sans-serif;
	color: #fff;
	overflow: scroll;
}

h1 {
	font-size: 28px;
	clear: both;
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

a:hover {
	color: #999!important;
}

#site-container {
    width: 100%;
	height: 100%;
	min-height: 960px;
	display: block;
	position: absolute;
}

#logo {
	margin-top: 52px;
	margin-bottom: 25px;
}

.news_clear { height: 8px; overflow: hidden; }
.job_reference_close { padding:15px; z-index: 99999!important; position: relative; }
.fancybox-wrap { z-index: 9999!important; }

#content-container {
	background-color: transparent;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	opacity: 1;
	visibility: inherit;
	padding-bottom: 50px;
	display: block;
	/*min-height: 960px;*/
	position: fixed;
}

.home_bg {
    background-image: url("../images/home_bg.jpg");
}

.about_tejas_bg {
    background-image: url("../images/about_us_bg.jpg");
}

.products_bg {
    background-image: url("../images/products_bg.jpg");
}

.news_bg {
    background-image: url("../images/news_bg.jpg");
}

.download_bg {
    background-image: url("../images/download_bg.jpg");
}

.job_reference_bg {
    background-image: url("../images/job_reference_bg.jpg");
}

.contact_us_bg {
    background-image: url("../images/contact_us_bg.jpg");
}

#header {
	text-align: center;
}

#menu {
	max-width: 1095px;
	min-width: 1095px;
	height: 43px;
	background-color: black;
	margin: 0 auto;
}

#menu a {
	color: #fff;
	font-size: 16;
	text-decoration: none;
	line-height: 38px;
	font-family: Arial !important;
	display: inline-block;
	text-transform: uppercase;
}

#menu ul  {
	display: block;
	width: 82.66%;
	margin:0 auto;
}

#menu ul li {
	background: rgba(0, 0, 0, 0) url("../images/menu_separater.png") no-repeat scroll right center;
	float: left;
	line-height: 42px;
	padding: 0 23px;
}

#menu ul li:first-child {
	padding-left: 0 !important;
}

#menu ul li:last-child {
	padding-right: 0 !important;
	background: none !important;
}

#content-area, .content-area {
	text-align: center;
}

#footer {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	bottom: -80px;
	font-weight: bold;
	color: #000000;
	text-align: center;
	padding-bottom: 10px;
	line-height: 25px;
}

#footer a {
	color: black;
	text-decoration: none;
}

#home_slogan {
	margin-top: 89px;
}

#content {
	margin: 50px auto 0;
	width: 1095px;
	background-image: url(../images/semi_transparent_black_bg.png);
	min-height: 530px;
}

.no_bg {
	background: none !important;
}

.about_us_content h1 {
	padding: 60px 0;
}

.about_us_content div img, .about_us_content div p {
	float: left;
}

.about_us_content div p {
	max-width: 490px;
	text-align: justify;
	font-size: 17px;
	margin-left: 39px;
	line-height: 21.5px;
}

#about_us_image {
	margin-left: 43px;
}

.products_content {
	min-height: 580px !important;
}

.products_content h1 {
	padding: 30px 0 34px 0;
	z-index: 0;
}

.product_image {
	float: left;
}

.single_product_image {
	opacity: 0;
	width: 100%;
	height: 100%;
}

.product_details_img {
	margin-left: 18px;
	margin-bottom: 18px;
	width: 198px;
	height: 141px;
	vertical-align: middle;
	overflow: hidden;
	float: left;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white;
}

.back_button {
	float: left;
    margin-bottom: -88px;
    padding: 20px;
}

.news_content h1 {
	color: #000000;
}

.news_content {
	background-image: none !important;
}

.news_item {
	 width: 355px;
	 height: 458px;
	 float: left;
	 background-color: #000000;
	 margin-bottom: 20px;
}

.news_read_more_button {
	font-size: 12px;
	margin: 20px auto 0;
	vertical-align: middle;
}

.news_read_more_button a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	border: 2px solid #fff;
	padding: 7px 24px;
	line-height: 30px;
}

.show_more_button {
	font-size: 12px;
	vertical-align: middle;
	clear: both;
	margin: 0 auto !important;
	padding-top: 10px;
}

.show_more_button a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	background-color: #000;
	padding: 9px 26px;
	line-height: 30px;
}
.show_more_button a:hover {
	background-color: #333;
	color: #fff!important;
}

.news_cover {
	opacity: 0;
}

.news_img {
	width: 90%;
	margin: 13px auto 18px;
	overflow: hidden;
	width: 325px;
	height: 214px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.news_details_img { width: 100%; }

.news_content h1{
	margin-top: 50px;
	margin-bottom: 38px;
}

.news_content h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}

.news_date {
	border-top: 1px solid white;
    margin: 0 12px;
    padding: 10px 0;
}

.news_abstract {
    margin: 0 12px;
}

.news_item_middle {
	margin: 0 15px 20px 15px;
}

.clear {
	clear: both;
}

.download_content h1 {
	padding: 60px 0;
}

.download_content h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.download_item {
	width: 28.25%;
	height: 306px;
	border: 2px solid white;
	float: left;
	margin-left: 31px;
	margin-right: 15px;
	margin-bottom: 20px;
}

.download_icon {
	margin-top: 77px;
	margin-bottom: 46px;
}

.download_desc {
	font-size: 14px;
    margin: 0 12px;
}

#donwload_title {
	padding: 0 0 10px 0;
 }

.job_reference_content h1 {
	padding: 45px 0 42px 0;
}

.job_reference_image {
	width: 325px;
	height: 214px;
	opacity: 0;
}

.job_reference_title {
	padding-bottom: 3px;
	font-size: 18px;
}

.job_reference_outside {
	margin-right: 24px;
	margin-bottom: 24px;
	width: 325px;
	display: inline-block;
}

.job_reference_img {
	width: 325px;
	height: 214px;
	vertical-align: middle;
	overflow: hidden;
	/*float: left;*/
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.job_details_title {
	text-align: center;
	padding-top: 10px;
	font-size: 22px;
}

.contact_us_content h1 {
	padding: 45px 0 44px 0;
}

.contact_us_info a {
	color: white;
	text-decoration: none;

    -webkit-transition: all .1s ease-out;
    -moz-transition: all .1s ease-out;
    -o-transition: all .1s ease-out;
    transition: all .1s ease-out;
}

.contact_us_info a:hover {
	/*text-decoration: underline;*/
}

.contact_us_info_box {
	width: 459px;
	padding: 20px 0;
	border-bottom: 2px solid white;
	text-align: left;
}

.contact_us_info_box_last {
	width: 459px;
	padding: 20px 0;
	text-align: left;
}

.contact_us_info {
	width: 45%;
	float: left;
	margin-left: 45px;
	text-align: left;
}
.download_info {
	max-width: 500px;
	margin:0 auto;
}

.contact_us_info strong {
	font-size: 18px;
	font-weight: bold;
	line-height: 35px;
}

.contact_us_info p {
	padding: 1px 0;
}

.contact_us_info input.submit_button {
	background: transparent none repeat scroll 0 0;
	border: 2px solid white;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 12px;
	width: 90%;
	margin-bottom: 10px;
	float:right;
	margin-right: 20px;
	font-family: Arial;
}

.download_info input.submit_button {
	background: transparent none repeat scroll 0 0;
	border: 2px solid white;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 12px;
	width: 90%;
	margin-bottom: 10px;
	float:right;
	margin-right: 22px;
	font-family: Arial;
}

.contact_us_info input.full_width, .contact_us_info textarea, .download_info input.full_width, .download_info textarea {
	background: transparent none repeat scroll 0 0;
	border: 2px solid white;
	color: white;
	font-size: 16px;
	font-weight: bold;
	padding: 12px;
	width: 90%;
	margin-bottom: 10px;
	/*margin-right: 20px;*/
	font-family: Arial;
}

.contact_us_info input.submit_button, .download_info input.submit_button {
    width: auto;
    padding: 5px 24px;
	cursor: pointer;
	height: 32px;
}

.contact_us_info textarea, .download_info textarea {
	min-height: 100px;
}

.fancybox-opened .fancybox-skin {
    box-shadow: none !important;
}

#lightbox {
	min-height:530px;
}

#lightbox_close_button {
	float: right;
}

#lightbox_content_container {
	clear: both;
}

.news_detail > div {
	float :left;
}

.news_detail > div.news_image_large {
	width: 48.99%;
}

.news_title, .news_detail .news_date, .news_full_content {
	margin-left: 20px;
	width: 45%;
	line-height: 28px;
}

.news_detail .news_date {
	margin-top: 5px;
}

.news_full_content p {
	margin-top: 20px;
}

.product_detail_title {
	font-size: 18px;
	background-color: #898989;
	text-align: center;
    padding-bottom: 4px;
    padding-top: 15px;
}

.th_2700k {
	background-color: #f7941d;
}

.th_3000k_1 {
	background-color: #f7bc1d;
}

.th_3000k_2 {
	background-color: #f7db1d;
}

.th_4000k {
	background-color: #fff589;
}

.product_detail h1 {
	background-color: #ffffff;
	border: 0 none;
	height: 1px;
	clear: both;
}

.product_detail_image, .product_detail_table, .product_detail_angles {
	float: left;
}

.product_detail_image {
	margin-top: 10px;
	width: 535px;
	/*height: 306px;*/
}

.product_detail_image_2>img {
	width: 172px;
	/*height: 155px;*/
}

.product_detail_table, .product_detail_angles {
	width: 48%;
	margin-left: 22px;
}

.product_detail_angles {
	margin-top: 17px;
}

.product_detail_angles img {
	margin-right: 17px;
}

.product_detail_angles td {
	vertical-align: top;
}

.product_detail sup {
	vertical-align: top;
}

.angles_detail {
	float: left;
	width: 50%;
}

.angles_detail img {
	vertical-align: middle;
	margin-bottom: 12px;
}

.white_font {
	color: white !important;
}

.white_bg {
	background-color: white;
}

.grey_bg {
	background-color: #e1e1e1;
}

.product_detail_table td, .product_detail_table_mobile td {
	text-align: center;
	color: black;
	padding: 6px 0px 4px;
}

.category {
	width: 124px;
}

.cat_information {
	width: 102px;
	font-family: Arial, Helvetica, sans-serif;
}

.column_spacing {
	width: 7px;
	padding: 0;
}

.row_spacing {
	height: 7px !important;
	padding: 0 !important;
}

.product_info_3_columns {
	clear: both;
	padding-top: 39px;
}

.product_info_3_columns div {
	width: 33%;
	float: left;
	margin-bottom: 5px;
}

.product_info_2_columns {
	clear: both;
	padding-top: 10px;
}

.product_info_2_columns div {
	width: 48%;
	float: left;
	margin-bottom: 5px;
}

.product_info_2_columns img, .product_info_3_columns img {
	vertical-align: middle;
	margin-right: 10px;
}

.product_detail hr {
	clear: both;
	border: 0;
	background-color: #ffffff;
	height: 1px;
	margin-bottom: 10px;
}

.product_detail .separater {
	width: 100%;
	margin: 0;
	height: 10px;
}

.product_spec_list {
	float: right;
    text-align: right;
    width: 30%;
	margin-top: 40px;
}

.product_spec_list img {
	vertical-align: middle;
	margin-left: 10px;
}

.product_spec_list div {
	margin-bottom: 10px;
}

.product_spec_table h2 {
	font-family: DIN-BOLD;
   font-size: 20px;
	margin-bottom: 15px;
	margin-top: 20px;
}

.product_spec_table table {
	width: 68%;
}

.product_spec_table table td {
	padding: 5px 0;
}

.product_spec_table table .label {
	font-weight: bold;
}

.content-area, .content-area * {
	z-index: 999;
	position: relative;
}

#mobile_header {
	display: none;
	background-color: black;
	height: 40px;
	text-align: right;
}

#mobile_logo, #mobile_menu_icon {
	text-decoration: none;
	color: white;
}

#mobile_logo {
	float: right;
    font-size: 20px;
    font-weight: bold;
    margin-right: 15px;
    margin-top: 10px;
}

#mobile_menu_icon {
	float: left;
    margin-left: 15px;
    margin-top: 7px;
}

#mobile_menu_icon img{
	width: 30px;
}

#mobile_menu {
	background-image: url("../images/mobile_menu_semi_transparent_black_bg.png");
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10000;
	text-align: center;
	display: none;
	top: 40px;
}

.job_reference_content > div {
	margin-left: 14px;
}

.Active {
	display: block !important;
}

#mobile_menu a {
	color: #fff;
	font-size: 25px;
	text-decoration: none;
	line-height: 50px;
	font-family: Arial !important;
	font-weight: bold;
}

.product_image_mobile, .product_item_detail .back_button, .product_detail_table_mobile, .mobile_only, .product_spec_list_mobile {
	display: none;
}

#contact_form label { position: relative; }
.noty_message { line-height: 17px!important; background-color: white!important; padding: 9px 10px!important; }
button:focus, input:focus, textarea:focus { outline:none; }

label.input_textarea	 .warm {
	position:absolute;
	right:0;
	bottom:15px;
	z-index:999;
	max-width:200px;
	padding:1px 10px;
	background-color:#fff;
	color:#58595b; }


.warm {
	position:absolute;
	right:0;
	bottom:-12px;
	z-index:999;
	max-width:200px;
	padding:1px 10px;
	background-color:#fff;
	color:#58595b; }

.warm span { color: #58595b; font-size: 14px; }

#json_content_container { min-width: 1095px; }

@media(max-width: 990px) {
	#menu ul {
		margin-left: 1%;
	}
}

@media(max-width: 910px) {
	.job_reference_title { font-size: 18px; }
	.job_reference_outside { margin-bottom: 0; }
	#content.job_reference_content h1 { padding: 30px 0; }
	#content { width: auto; }
	#json_content_container { min-width: 100%; }
	.job_reference_close { display: block!important; }
	.show_more_button { padding-bottom: 20px; }
	.fancybox-close { top:0; right: 0; }
	.download_info input.submit_button { margin-right: 11px; }
	.news_detail > div.news_image_large { width: 100%; }
	#lightbox_close_button { padding-right: 15px; padding-bottom: 15px; }
	.download_content #json_content_container { padding-bottom: 8px; }
	.news_content h2 { margin-top: 10px; }
	label.input_textarea	.warm, .warm { right: 0; }
	.mobile_only {
		display: block;
	}

	#site-container {
		min-height: 600px;
	}

	#header {
		display: none;
	}

	#mobile_header {
		display: block;
	}

	#footer {
		font-size: 14px;
		line-height: 20px;
		padding-bottom: 0;
		bottom: -60px;
	}

	#footer>div { padding: 10px; }

	#home_slogan {
		width: 90%;
		margin-top: 240px;
	}

	#content {
		margin: 20px 15px
	}

	#content h1 {
		padding: 15px 0;
	}

	.about_us_content div img, .about_us_content div p {
		float: none;
	}

	.about_us_content div img {
		width: 90%;
	}

	#about_us_image {
		margin: 0;
	}

	.about_us_content div p {
		font-size: 17px;
		margin: 0 auto;
		padding: 15px 0;
		text-align: left;
		width: 90%;
		max-width: none;
	}

	.contact_us_info {
		float: none;
		margin: 0 auto;
		text-align: left;
		width: 90%;
	}

	.contact_us_info_box, .contact_us_info_box_last {
		width: auto;
	}

	.contact_us_info input.full_width, .contact_us_info input.submit_button, .contact_us_info textarea {
		float: none;
	}

	.contact_us_info input.full_width, .contact_us_info textarea {
		margin-right: 0;
		width: 92%;
	}

	.contact_us_info form {
		text-align: center;
	}

	.download_icon {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.download_item {
		float: none;
		height: auto;
		margin: 20px auto;
		width: 80%;
	}

	.download_desc {
		padding-bottom: 30px;
	}

	.download_info {
		width:90%;
	}

	.job_reference_content > div {
		margin: 0 auto;
		width: 90%;
	}

	.job_reference_image {
		margin-right: 0;
		margin-bottom: 12px;
		width: 100%;
		height: 100%;
	}

	.news_content h1, .news_item_middle {
		margin: 0;
	}

	.news_item {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
		padding-bottom: 15px;

	}

	.news_cover {
		width: 90%;
	}


	.product_image {
		display: none;
	}

	.product_image_mobile {
		display: block;
		width: 95%;
		margin: 0 auto;
	}

	.back_button {
		padding: 15px;
	}

	.back_button img {
		width: 25px;
	}

	.products_detail h1 {
		font-size: 20px;
	}
	#lightbox_close_button {
		display: none;
	}

	.product_item_detail .back_button {
		display: block;
	}

	.product_detail_title {
		background-color: transparent;
		padding-bottom: 10px;
		padding-top: 20px;
	}

	#lightbox_content_container {
		text-align: center;
	}

	.product_detail_image {
		float: none;
		width: 90%;
	}

	.product_detail_table {
		display: none;
	}

	.product_detail_table_mobile {
		display: block;
		margin: 10px auto;
		width: 90%;
	}

	.product_detail_angles {
		margin: 20px auto 0;
		width: 90%;
		float: none;
	}

	.product_info_3_columns {
		margin: 0 auto;
		width: 90%;
		padding-top: 15px;
	}

	.product_info_3_columns div {
		float: none;
		margin-bottom: 5px;
		text-align: left;
		width: 100%;
	}

	.product_info_2_columns {
		margin: 0 auto;
		width: 90%;
		padding-top: 15px;
	}

	.product_info_2_columns div {
		float: none;
		margin-bottom: 5px;
		text-align: left;
		width: 100%;
	}

	hr {
		width: 90%;
	}

	.product_spec_list {
		float: none;
		margin-top: 20px;
		text-align: right;
		width: 100%;
	}

	.product_spec_list div {
		float: left;
		margin-bottom: 10px;
		width: 33%;
	}

	.product_spec_list {
		display: none;
	}

	.product_spec_list_mobile, .product_spec_table {
		display: block;
		margin: 0 auto;
		width: 90%;
	}

	.product_spec_list_mobile div {
		float: left;
		font-size: 0.8em;
		text-align: left;
		width: 33%;
	}

	.product_spec_list_mobile div img {
		width: 31px;
		vertical-align: middle;
	}

	.product_spec_table h2 {
		font-size: 16px;
		margin-bottom: 20px;
		margin-top: 60px;
		text-align: left;
	}

	.product_spec_table table {
		text-align: left;
		width: 100%;
	}

	.news_detail_content #lightbox_close_button {
		display: block !important;
	}

	#lightbox_close_button img {
		width: 20px;
	}

	.news_detail > div {
		width: 100%;
	}

	.news_image_large img {
		width: 99%;
	}

	.news_title, .news_detail .news_date, .news_full_content {
		margin-left: 0px;
	}

	.news_detail {
		margin: 0 auto;
		text-align: center;
		width: 90%;
	}

	.news_title, .news_detail .news_date, .news_full_content {
		width: 100%;
	}

	.product_odd {
		margin-right: 10px;
	}

	.product_even {
		margin-left: 10px;
	}

	.product_details_img {
		float: none;
		margin: 0 1.8% 18px 1.8%;
		width: 41%;
		float: left;
		height: 200px;
	}

	.job_reference_outside {
		width: 100%;
	}

	.job_reference_img {
		width: 90%;
		margin:0 auto 24px;
		height: 460px;
	}

	.product_details_outside {
		width: 97%;
		margin: 0 auto;
		margin-left: 6.55%;
		height: 210px;
	}
	.news_img { width: 90%; height: 510px; }
}
@media(max-width: 800px) {
	.product_details_img { height: 200px; }
	.news_img { height: 450px; }
	.job_reference_img { height: 460px; }
}

@media(max-width: 700px) {
	.product_details_img { height: 180px; }
	.news_img { height: 390px; }
	.job_reference_img { height: 350px; }
}

@media(max-width: 600px) {
	.job_details_title { font-size: 18px; }
	.product_details_img { height: 150px; }
	.product_details_outside { width: 100%; margin-left:5.35%; }
	.job_reference_img { height: 300px; }
	.news_img { height: 330px; }

}
@media(max-width: 550px) {
	.product_details_img { height: 135px; }
	.news_img { height: 300px; }
	.download_info input.submit_button { margin-right: 8px; }
	.job_reference_img { height: 280px; }
}
@media(max-width: 500px) {
	.product_details_img { height: 120px; width: 41.55%; margin: 0 2.5% 18px 2.5%;  }
	.product_details_outside { margin-left:3.33%; }
	.news_img { height: 280px; }
	.job_reference_img { height: 260px; }
}
@media(max-width: 480px) {
	.angles_detail { width: 100%; }
	.product_details_img { height: 110px; }
	.news_img { height: 250px; }
	.download_info input.submit_button { margin-right: 5px; }
	.job_reference_img { height: 230px; }
}
@media(max-width: 400px) {
	.news_img { height: 220px; }
}