/* css Document */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {background:transparent;border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}


* {
    margin: 0;
    padding: 0;
}

body{
	/*background-color:#AECDCF;*/
	background:#f4f0ef;
	font:62.5%/1.2 Helvetica, Arial, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	position:relative;
}

a{
	outline:none;
}

input{
	outline:0;
} 

#container{
	display:block;
	position:relative;
	margin:0 auto;
	/*width:950px;*/
	width:100%;
	font-size: 1.3em;
}


/**** header_part_start ****/

.header-out{
background:#c9c9c9;
width:100%;
}

.header{
    line-height: 140%;
	/* background-color:#4C5D57; 
	background:url(../images/header_part.jpg)no-repeat;*/
	position:relative;
	max-width:940px;
	min-height:106px;
	/*display:inline-block;
	width:950px;
	width:926px;*/
	margin:0 auto;
	overflow:auto;
}

.company_logo{
	margin:0px 0px 0px 0px;
	padding:0;
	width:100%;
	height:80px;
	display:block;
	position:relative;
}

.nav{
	float:right;
	display:inline-block;
	position:relative;
	clear:both;
}

.nav li{
    border-left: 1px solid #B0B1B3;
    display: block;
    float: left;
    list-style-type: none;
    padding:1px 25px 0 0;
}

.nav li li{
	list-style-type:none;
	display:inline;
	padding-left:36px;
	padding-top:0px;
	padding-bottom:0px;
	background:#ECEDEF;
	width:80px;
}

.nav ul li ul li, #nav ul li ul{
display:none;
}

.nav li li a{
	background:#ECEDEF;
	line-height:40px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	width:80px;
	padding-left:30px;
	padding-top:0px;
	padding-bottom:0px;
}

.nav a{
	/*background: url("../images/nav_arrow.png") no-repeat scroll 4px 3px;*/
	background: url("../images/menulistthumb-new.png") no-repeat scroll 4px 3px;
    color:#333333;
    display: inline;
    font-size: 14px;
	font-family:Arial;
    font-weight: bold;
    padding-bottom: 0;
    padding-left: 25px;
    padding-top:0;
    text-decoration: none;
	width: 80px;
}

.nav ul{
    background: none repeat scroll 0 0 transparent;
    float: left;
    font-weight: 700;
    list-style: none outside none;
    margin: 0;
    padding: 0px 0px 0px 10px;
}

.res_hder_img{
	float:right;
	position:absolute;
	z-index:33333;
	width:198px;
	height:76px;
	top:0px;
	right:0px;
}

/**** header_part_end ****/

/**** footer_start ****/

#footer{
	width:100%;
	/*background-color:#43524D;*/
	background:#777a81;
	clear:both;
}

.footer_contianer{ 
	clear:both;
	max-width:950px;
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
}

.footer_menus{
	position:relative;
	display:inline-block;
	width:100%;
	margin-top:6px;
}

.footer_cols_menu{
	width:237.5px;
	float:left;
}

.footer_cols_menu p{padding:5px 12px;color:#FFF;font-size:14px;}

.footer_cols_menu a{color:#ccc;text-decoration:none; font-weight:normal;}

/* .footer_cols_menu_last{
	width:236px;
	float:left;
	height:200px;
	background:yellow;
} */

.footer_bottom_last{
	/*background-color:#1F2A26;*/
	background:#777a81;
	clear:both;
	width:100%;
	display:inline-block;
}

.footer_address_site{
	text-align:center;
	max-width:950px;
	width:100%;
	margin:0px auto;
	/* padding:13px 0px; */
	padding:8px 0px;
	display:block;
	position:relative;
}

.footer_address_site ul {
	list-style:none;
	display:inline-block;
	text-align:center;
}

.footer_address_site ul li{
	float:left;
	padding:0px 20px;
	border-right:1px solid #FFF;
	color:#FFF;
	font-size:14px;
	font-family:Arial;
	font-weight:bold;
}

.footer_address_site ul li:last-child{
	border-right:none;
}

.footer_address_site ul li a{color:#ccc !important;text-decoration:none;}


.footer_copyrights{
	position:relative;
	max-width:950px;
	width:100%;
	clear:both;
	display:block;
	/* margin:5px auto; */
	margin:0px auto;
}

.whitetext{
	color:#FFFFFF;
	font-family:Arial;
	font-size:14px;
	text-align:center;
	/* padding-top: 8px; */
	padding: 0 0 10px;
}

.whitetext a{
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:none; 
	border:none;
}

#copyright{
	text-align:left;
	float:left;
	/* padding:10px 10px 10px 0px; */
	padding: 0 0 10px;
	width:316px;
}

#debug{
	text-align:right;
	float:right;
	width:288px;
}

/**** footer_end ****/


/**** home_page_content_start ****/

.maincontent{
	background:#FFF;
	max-width:950px;
	width:100%;
	margin:0 auto;
	clear:both;
	position:relative;
	/*display:inline-block;
	
	background:url(../images/bac-color.jpg)*/
	
}

.banner{
	width:100%;
	display:block;
	position:relative;
}
.banner img{
	width:100%;
}
#slider
{
max-width:950px !important;
max-height:320px !important;
}

.content_bottom_box{
position:relative;
display:inline-block;
}

.home_colum{
	width:25%;
	/* height:217px; */
	height:250px;
	float:left;
	/* min-height: 235px;	 */
	/* margin:15px 0px;	 */
	margin:10px 0px;	
	border-right:1px solid #000;
}

.home_colum_last{
	width:24%;
	/* height:auto; */
	/* height:245px; */height:250px;
	float:right;
/* 	min-height: 235px; */	
	margin:10px 0px;	
}

.home_colum ul {
	list-style:none;
}

.home_colum ul li{
	margin:5px 12px;
	font-size:20px;
	font-family:Arial;
	color:#000;
}

.home_colum ul li{
	margin:5px 12px !important;
	font-size:20px !important;
	font-family:Arial !important;
	color:#000 !important;
	text-decoration:none !important;
}

.home_colum ul li:last-child{
	margin:5px 12px !important;
	font-size:20px !important;
	font-family:Arial !important;
	color:#000 !important;
	position:relative;
	text-decoration:none !important;
}

.home_colum ul li a{/* text-decoration:none !important;color:#000; */color:#01A8D4;font-size:14px;}

.lnk_txt_ind{/* font-size:18px; */font-size:14px;font-style:italic;/* color:#474848; *//* color:#01A8D4; */color:#666666;}

.home_colum_last ul{
	list-style:none;
}

.home_colum_last ul li a{/* text-decoration:none !important;color:#000; */color:#01A8D4;font-size:14px;}

.home_colum_last ul li{
	margin:5px 13px;
	font-size:20px;
	font-family:Arial;
	color:#000;
}
/**** home_page_content_end ****/

/**** lighting-for-commercial-buildings_start ****/

.main_cnt_left{
	max-width:258px;
	float:left;
	position:relative;
	display:block;
}

.inner_cnt_left{
	margin:30px 0px 0px 10px;
	/*border-top:2px solid #98B4B5;*/
	display:block;
	position:relative;
}

.inner_cnt_left ul{
	list-style:none;
	margin:6px 0px 10px 0px;
}

.inner_cnt_left ul li{
	margin:5px 0px;
	padding-left:15px;
}

.inner_cnt_left ul li.empty_line{
	border-bottom:3px solid #FFF;
}

.inner_cnt_left ul li.active
{
	/*background: url("../images/nav_arrow.png") no-repeat scroll 2px 3px #FFF;*/
	background: url("../images/arrowleft-new.png") no-repeat scroll 2px 5px #FFF;
}

.mobile-menu .active{
	background: url("../images/arrowleft-new.png") no-repeat scroll 0px 7px !important;
	color: #000 !important;
    font-weight: bold !important;
}


.inner_cnt_left ul li.active a{	
	color:#000;
	font-weight: bolder;
}

.inner_cnt_left ul li a{
	text-decoration:none;
	color:#666666;
	font-size:14px;
	font-family:Arial;
}

.main_cnt_right{
	float:left;
	position:relative;
	display:block;
}

.outer_main_cnt_right{
	display:block;
	margin:30px auto;
	
}

.subpage_banner{
	width:100%;
}

.cnt_txt_inner{
	position:relative;
	display:block;
	margin:20px auto;
	clear:both;
	font-size:14px;
	font-family:Arial;
	/* border-bottom:2px solid #4B5451; */
}

.cnt_txt_inner_video_list{
	position:relative;
	display:block;
	margin:20px auto;
	width:654px;
	clear:both;
	font-size:14px;
	font-family:Arial;
	/* border-bottom:2px solid #4B5451; */
}

.cnt_txt_link_inner{
	font-size:14px;
	font-family:Arial;
	position:relative;
	display:block;
	margin:20px auto;
	max-width:650px;
	width:100%;
}

.cont_form{
	/* width:650px; */
	max-width:450px;
	position:relative;
	display:block;
	/* clear:both; */
	float:left;
	background:#fff;
	width:65%;
	
}

.cnt_txt_link_inner a{
	font-size:14px;
	font-family:Arial;
	padding-bottom:10px;
	line-height:1.6;
	color:#1A7BDC;
}


.cnt_txt_inner p{
	font-size:14px;
	font-family:Arial;
	padding-bottom:10px;
	line-height:1.6;
	color:#666666;
}


.cnt_txt_inner h1{
	font-size:24px;
	font-family:Arial;
	margin:0 0 10px;
	color:#000;
}

.cont_img{position:relative;/* display:inline-block; width:654px;*/margin:0px auto;display:block; padding-top:10px;}
.cont_img ul{list-style:none}
.cont_img ul li{padding: 6px 0px 0px 38px;font-family:Arial;margin:0 0 10px;/* color:#000; */float:left;
/*background: url("../images/tele_02.png") no-repeat scroll -2px 3px; font-size:24px;*/
 background: url("../images/tele_01-new.png") no-repeat scroll -2px 3px; color:#fff; font-size:18px;}

.cnt_txt_inner div{
	font-size:24px;
	font-family:Arial;
	margin:0 0 10px;
	color:#000;
}

.cnt_txt_inner div img{/* padding-top:10px; */ }


.cnt_txt_inner h2{
	font-size:19px;
	font-family:Arial;
	margin:0 0 10px;
	color:#000;
}

.cnt_txt_inner h3{
	font-size:16px;
	font-weight:bold;
	font-family:Arial;
	margin:0 0 10px;
	color:#000;
}

.pdf_fls{
	width:37%;
	float:left;
	position:relative;
	display:block;
	/* min-height:130px; */
}


.pdf_fls ul{list-style:none;margin:0px;padding:0px;}
.pdf_fls ul li{padding:10px;float:left;width:92px;}
.pdf_fls ul li:last-child{background:url('../pdf/images/pdf.gif')no-repeat scroll 1px 14px #FFFFFF;padding-left:25px !important;border-top:1px solid #CCC;}
.pdf_fls ul li a{font-size:11px;text-decoration:none;font-weight:bold;}
.pdf_fls ul li p{font-size:11px;color:#000;}
/**** lighting-for-commercial-buildings_end****/

/**** field_styles start ****/
.fld_mad{color:#1F2A26;}
.error{/* padding-left:10px; */color:Red;}
.contact_textbox{color:#1F2A26 !important;}
/**** field_styles end ****/

/**** product_download_video_start ****/
.cnt_txt_inner_video_list ul{
	list-style:none;
}
.cnt_txt_inner_video_list ul li a{
	font-size:14px;
	color:#551A8B;
	
}
.cnt_txt_inner_video_list ul li{background:url("../images/nav_arrow.png") no-repeat scroll 0px 4px #FFF;padding-left:15px;margin-bottom:10px;}
/**** product_download_video_end ****/

/**** contact_form ****/
.contactform_right{
	display: block !important;
    margin: 0 auto !important;
	}
/**** contact_form ****/
.spam-text{
font-weight:bold;
}

/*** Lighting visual ***/
.lighting_visual_imgpopup
{
padding:0px 0px 5px 0px;
position:relative;
display:block;
max-width:426px;
height:94px;
border:5px solid;
border-color:#AECDCF;
clear:both;
}


.lighting_visual_imgpopup a{
	padding:0px 0px;
	float:left;
	width:201px;
}
.lighting_visual_imgpopup p
{
font-size:16px;
padding-top:15px;
color:#ffffff;
line-height:20px;
}
.image-box
{
float:left;
height:99px;
width:201px;
}
.content-box
{
height:99px;
background-color:#000000;
float:right;
width:225px;
}
.content-box p
{
margin-left:15px;
}


/****download and catalogue *****/
.downloads-catalogues
{
height:250px;
position:relative;
clear:both;
}
.downloads-catalogues ul 
{
}
.downloads-catalogues h2
{
}
.downloads-catalogues ul li
{
list-style:none;
float:left;
display:block;
}
.downloads-catalogues ul li a
{
color: #959595;
text-decoration: none;
}
.downloads-catalogues ul li.icon 
{
/*background:url('../pdf/images/icon.png')no-repeat scroll 10px 5px #FFFFFF;*/
background: url('../images/icon.jpg') no-repeat scroll 10px 5px transparent !important;
padding-left:35px !important;

}


/** 17.12.2014 CSS **/

.logo-left{
float:left;
/*width:260px; width:272px;*/
padding:0;
}

.logo-right{
float:left;
padding-top:7px;
}
.logo-right a img{width:190px;}
.logo-right p{
/*padding-top:11px;*/
padding-top:0px;
color:#000;
font-size:13px;
width:185px;
padding-left:55.2px;
letter-spacing:0.78px;
line-height:18px;
}

.res_hder_img{
width:198px;
padding-top:8px;
}
.res_hder_img a{
text-decoration:none;
color:#334633;
}
.res_hder_img a p{ font-size:12px; line-height:15px;}

.contact-right-image{
background: url('../images/contact-us_vertical_2.jpg') no-repeat #000;
height:602px;
position:relative;
 min-height:597px;
}
.contact-right-image-position{
/*padding:5px 0px;clear:both;font-size:19px;font-family:Arial; position:absolute; top:150px; right:17px;*/
padding:5px 0px;clear:both;font-size:19px;font-family:Arial; position:absolute; top:150px; right:6px; width:181px;
}
.contact-right-image-position p{
color: #fff;
font-size: 18px;
line-height: 29px;
}
.contact-right-image-position h3{
color:#fff;
font-size:24px;
padding:0px 0px 120px 23px;
}
/**18.12.2014**/

.left_title-menu{
  background:#d39204;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 7px;
}
.right_title-menu{
 background:#d39204;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 0 5px 7px;
	margin-bottom:10px;
}
.inner_cnt_left{
margin-top:10px;
}
.outer_main_cnt_right{
margin-top:10px;
}
.right_title-menu-contact-page{
margin-bottom:0px;
margin-top:10px;
}
.submit-space{
margin-top:-10px;
}
.error-width{
width:280px;
}

.home_colum p a, .home_colum_last p a{
color:#d39204 !important;
}
.cnt_txt_inner p a{
color:#d39204;
}
.subpage_banner img
{
width:100%;
max-width:100%;
}
.show-menu {
    text-decoration: none;
    text-align: center;
    padding: 10px;
    display: none;
}

.flexslider {
    margin-bottom: 10px;
	max-width:950px;
	margin:0 auto;
}
.slides img
{
   max-height:950px;
   max-height:320px;
}
/*Hide checkbox*/

.menu input[type=checkbox] {
    display: none;
}
/*Show menu when invisible checkbox is checked*/

input[type=checkbox]:checked ~ .menu {
    display: block;
    padding-right: 15px;
	padding-top: 0;
}
input[type=checkbox] ~ .menu {
    display: none;
}
@font-face {
    font-family: 'extra-icon-font';
    src: url('https://static.squarespace.com/static/ta/4fef1bbf84ae2f68a3aa65f8/1078/assets/extra-icon-font.eot');
    src: url('https://static.squarespace.com/static/ta/4fef1bbf84ae2f68a3aa65f8/1078/assets/extra-icon-font.eot?#iefix') format('embedded-opentype'), url('https://static.squarespace.com/static/ta/4fef1bbf84ae2f68a3aa65f8/1078/assets/extra-icon-font.svg#extra-icon-font') format('svg'), url('https://static.squarespace.com/static/ta/4fef1bbf84ae2f68a3aa65f8/1078/assets/extra-icon-font.woff') format('woff'), url('https://static.squarespace.com/static/ta/4fef1bbf84ae2f68a3aa65f8/1078/assets/extra-icon-font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}
.show-menu:before {
    font-family: 'extra-icon-font';
    font-style: normal;
    speak: none;
    content: "\e021";
    font-size: 40px;
    color: #d39204;
    font-weight: bold;
}
  .mobile-menu {
  display:none;
  }
  
.contact-right-image
{
float:right;
width:35%;
padding:0px;  
max-width:200px;
}

#slider, #slider img
{
max-width:950px;
max-height:320px;
width:100% !important;
height:100% !important;
}

/*Quote Style*/
blockquote{margin-top:20px;text-align:center;}
.quotation{
  font-size: 20px !important;
  //margin: 0 auto;
  quotes: "\201C""\201D""\2018""\2019";
  padding: 10px 20px;
  line-height: 1.4;
  border:1px solid #d39204;
}

.quotation:before {
  content: open-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: -10px;
  position: relative;
  top: 30px;
  color: #ccc;
  font-size: 3em;
}
.quotation::after {
  content: close-quote;
  display: inline;
  height: 0;
  line-height: 0;
  left: 10px;
  position: relative;
  top: 35px;
  color: #ccc;
  font-size: 3em;
}

.quote-home{padding:30px;margin-top:0px !important;text-align:center;}
  
@media (max-width: 900px)
{
video
{
width:100%;
max-width:100%;
}
}  

@media (min-width: 768px)
{
.main_cnt_left {
    float: left;
    width: 25%;
    margin-right: 20px;
}
.main_cnt_right {
    width: 71%;
    float: left;
}
}


@media (max-width: 767px)
{

.home_colum, .home_colum_last{
    width: 100%;
	clear:both;
	float:none;
	border-bottom:1px solid #000;
	border-right:none;
	margin: 10px auto !important;
	}
	.content_bottom_box
	{
	margin:0 auto;
	text-align:center;
	width: 90%;
    margin: 0 5%;
	}

 .mobile-menu {
        display: block;
        max-width: 350px;
        width: 100%;
		margin-right: 25px;
    }
    .desktop-menu {
        display: none !important;
    }
     .mobile-menu ul li {
        background: none;
    }
    .mobile-menu ul li.current {
        background: url("../images/menulistthumb.png") no-repeat scroll 10px 5px transparent;
    }
    .mobile-menu ul li .current a,
    .mobile-menu li.active a,
    .mobile-menu li.active li.active a,
    .mobile-menu li.active li.active li.current a {
        font-weight: bold !important;
    }
    .mobile-menu .menu {
        padding-right: 10px;
    }
    .mobile-menu .menu a {
        font-weight: normal;
        padding: 3px 0;
        line-height: 18px;
        font-size: 14px;
		padding-left: 15px;
    }
    .mobile-menu .menu li {
        margin: 10px 0 !important;
		float: none;
        display: block;
		border-left: none;
    }
    .mobile-menu .current ul li a,
    .mobile-menu li.active li a,
    .mobile-menu li.active li.active li a {
        font-weight: normal !important;
    }
    .leftnav1 ul,
    .left_title {
        display: none;
    }
	.show-menu {
    display: block !important;
    }
	.menu {
    margin-top: 10px;
   }
   input[type=checkbox]:checked ~ .show-menu:before {
    content: "\e027";
    font-family: 'extra-icon-font';
    font-style: normal;
    speak: none;
    }
	
	.mobile-menu a
	{
	background:none !important;
	}
	
	.footer ul li {
    width: 100% !important;
}
.footer_address_site li
{
  width: 85% !important;
  text-align:left;
  padding:0 15px;
  border-right:none;
}

.footer_address_site ul li
{
 padding:0 15px;
 border-right: none !important;
}	

.main_cnt_right {
    clear:both;
    float: left;
    margin: 12px 10px 10px 10px;
}
.header
{
padding-left:10px;
}
.contact-right-image
{
float:left;
clear:both;
width: 50%;
min-width: 200px;
}
.contact-right-image-position
{
left:6px;
}
.footer_cols_menu {
    width: 95%;
    float: left;
}
.footer_address_site ul {
   display:block;
   }
.footer_bottom_last {
    padding-bottom: 20px;
}
.footer_contianer
{
padding-bottom: 15px;
}
 .main_cnt_left
{
display:none;
}
.home_colum_last
{
border-bottom:none !important;
}
.contactus
{
width:95%;
}

#register-form  input[type="text"] {
 max-width:250px !important;
 width:100%;
}

#register-form  select {
 max-width:265px !important;
}	

}

@media (max-width: 668px)
{
	.res_hder_img
	{
	float:left;
	position:relative;
	clear:both;
	}
}

@media (max-width: 480px)
{

#register-form  input[type="text"], #register-form  textarea{
 max-width:200px !important;
 width:100%;
}
#register-form  select {
 max-width:215px !important;
}

}