@charset "utf-8";
/* CSS Document */


/*------------------------------------------------------------------*/

.wrapper{height:100%; width:2500px;}
.homeContHolder{ float:left; height:100%; background:#CCCCCC; overflow:hidden; position:relative;}
.column2{ background:#FFF; height:100%; width:50%; position:absolute; top:0; left:0; overflow:hidden; z-index:1;}
.column3{ background:#cf1218; height:100%; width:25%; position:absolute; top:0;  overflow:hidden; position:relative; z-index:2;}
.column4{ background:#222326; height:100%; width:25%; position:absolute; top:0; right:0; z-index:3;}
.homeproductDetails{ height:100%; position:absolute; top:0; z-index:4;}
.homeproductDetailsL{ float:left; width:75%; background:url(../images/contBg.png) repeat-y 100% 0;; height:100% !important; position:relative;}
.homeproductDetailsR{ float:left; width:25%; height:100%;}
.sb{position:absolute; left:-60px; top:0; background:#cf1218; z-index:2; width:60px; height:100%; display:none;}
.sbClose{position:absolute; left:75%; margin-left:-60px; bottom:0; background:#a91217 url(../images/mCSB_buttons.png) no-repeat 0 100%; z-index:5; width:60px; height:60px; display:none; border-top:1px solid #cf1218; text-indent:-9999px; cursor:pointer;}
.sbClose:hover{	opacity:0.75; filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)";}


.projectList li{ position:relative; cursor:pointer; overflow:hidden; box-sizing:border-box;}
.projectList li:after{ content:''; display:block; width:100%; position:absolute; left:0; bottom:0; border-bottom:1px solid #37383b;}
.projectList li div{ width:50%; float:left; overflow:hidden; position:relative; z-index:2; background:#FFF; text-align:center; box-sizing:border-box;}
.projectList li div:after{content:''; height:100%; width:1px; display:inline-block; vertical-align:middle;}
.projectList li div img{ position:relative; z-index:1; display:inline-block; vertical-align:middle;}
.projectList li div b{ position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.1); z-index:2; box-sizing:border-box; border-bottom:1px solid #d5d5d5;}

.projectList li h3{ width:40%; padding:12px 5%; float:left; font-size:14px; color:#FFF; font-family:'Open Sans', sans-serif; font-weight:600; line-height:15px;  position:relative; z-index:2;}
.projectList li h3 span{ display:block; padding-top:5px; font-size:12px; color:#909090; font-weight:400;}
.projectList li:hover h3 span{color:#FFF;}
.projectList li strong{ display:block; position:absolute; z-index:1; top:0; left:0; width:0; background:#C40F12; height:100%;}


.projectList li.active div b{background:none;}
.projectList li.active h3 span{color:#FFF;}
.projectList li.active strong{ display:block; position:absolute; z-index:1; bottom:0; left:0; width:100% !important; background:url(../images/pth.gif) repeat-x 0 100%; height:100%;}


.projectInfo{ position:relative; z-index:1;}
.projectInfo li{ color:#FFF; position:relative;}
.projectInfo li div{ color:#FFF; position:absolute; width:80%; margin:auto; left:0; right:0; top:0; bottom:0; max-height:80%;}
.projectInfo li div a.projectLink{ background:url(../images/white-dash.gif) no-repeat 0 0; padding-top:8px;}
.projectInfo li div h2{font-size:13px; font-weight:400; line-height:28px; padding:20px 0 30px; background:url(../images/white-dash.gif) no-repeat 0 0;}
.projectInfo li div h2 strong{ font-size:24px; font-weight:700; display:block;}
.projectInfo li div h2 img{display:none;}
.projectInfo li div p{ color:#FFF; font-size:15px; font-weight:400; padding-bottom:20px; }
.projectInfo li div article{}
.projectInfo li div article span{ font-size:13px; position:relative; padding-left:20px; margin-bottom:15px; display:block; height:auto !important;}
.projectInfo li div article span:before{ content:''; width:5px; height:5px; background:#FFF; border-radius:50%; position:absolute; left:0; top:7px;}

.project li{ text-align:center; position:relative;}
.project li img{ position:absolute; left:50%; top:0;/* width:100%;*/}

.sliderControlHolder{ position:absolute; width:100%; left:0; bottom:0; height:50px; background:#900; z-index:2;}
.counter{ float:left; height:50px; padding-left:30px;}
.counter strong{font-size:14px; display:inline-block; padding-top:15px; line-height:14px; font-weight:300; color:#ce9192; float:left;}
.counter span{ font-size:24px; display:inline-block; padding-top:15px; line-height:24px; font-weight:300; color:#FFF; float:left;}
.psNext{ position:absolute; top:0; right:0; width:50px; height:50px; border-left:1px solid #cf1218; text-indent:-9999px; background:url(../images/pscontrol.png) no-repeat 15px 50%; }
.psPrev{ position:absolute; top:0; right:51px; width:50px; height:50px; border-left:1px solid #cf1218; text-indent:-9999px; background:url(../images/pscontrol.png) no-repeat -45px 50%;}

.homeWhatsnew{ position:fixed; right:0; top:50%; margin-top:-50px; width:27px; height:111px; z-index:100;}
.wnBtn{ display:block; width:27px; height:111px; background:url(../images/whatsNew.gif) no-repeat 0 0; text-indent:-9999px; position:relative; z-index:2;}
.wnBtnA{background:url(../images/whatsNew.gif) no-repeat 100% 0;}
.wnCont{ position:absolute; right:-280px; top:-150px; z-index:1; width:280px; height:420px; background:#FFF;
 -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    }
.wnClose{ position:absolute; right:0; top:0; width:25px; height:25px; border-left:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:url(../images/closebtn.png) no-repeat 0 0; text-indent:-9999px; cursor:pointer;}    
.wnClose:hover{background:url(../images/closebtn.png) no-repeat 0 100%;}
  
.wnCont a.morelink{ color:#cf1218; text-decoration:none; border:1px solid #d6d5d5; padding:5px 10px; font-size:13px; margin-left:120px}
.wnCont a:hover.morelink{ background:#cf1218; color:#fff; text-align:right; text-decoration:none; border:1px solid;}


.homeWnList{ padding:30px 20px 0 20px; font-size:12px;}
.homeWnList li{ padding:0 15px 10px; background:url(../images/bullet.gif) no-repeat 0 5px;}
.homeWnList em{ display:block; padding-bottom:15px; color:#cf1218; font-size:11px;}
.homeWnList li strong{ display:block; padding-bottom:5px; color:#cf1218; font-size:12px;}
.homeWnList li a{ line-height:15px; color:#111; font-size:11px;}
.homeWnList li a:hover{ text-decoration:underline;}


.contSec{ margin:0 30px;}
.pageName{background:url(../images/red-dash.gif) no-repeat 0 27px; padding-top:35px; text-transform:uppercase; color:#898889; font-size:11px; font-weight:400; line-height:15px;}
.topHeading{ padding:40px 0; color:#cf1218; font-size:36px; font-weight:600; line-height:36px;}
.topHeading small{font-size:36px; font-weight:300; line-height:36px; display:block;}
.contCol_left{ float:left; width:250px;}
.contCol_left strong{ display:block; color:#cf1218;}
.contCol_left dd{ padding-bottom:15px}
.contCol_left h3{ background:url(../images/black-dash.gif) no-repeat 0 0; color:#cf1218; font-size:20px; font-weight:300; line-height:20px; padding-top:7px; }
.contCol_right{ float:left; width:500px;}
.mr30{ margin-right:30px;}
.ptb30{ padding:30px 0;}
.ptb40{ padding:50px 0;}
.contSecSlider{ margin:0 30px; border-bottom:1px solid #d6d5d5; padding-top:50px;}
.viewproject{ display:inline-block; width:111px; height:32px; color:#FFF; background:url(../images/vpBtn.png) no-repeat 0 0; line-height:32px; font-size:14px; padding-left:14px; font-weight:400;}
.viewproject:hover{background:url(../images/vpBtn.png) no-repeat 0 100%;}
.tabfram{ width:83.68055555555556%; margin:0 auto; position:relative; padding-bottom:7%;}
.tabfram .tabframimg{ width:100%; position:relative; z-index:2;}
.tabfram div.sliderHolder{ width:65.56016597510373%; margin:0 auto; position:absolute; top:2px; left:17.98063623789765%; z-index:1;  }
.tabfram div.sliderHolder img{ width:100%; opacity:0.5;}



.gototop{ display:none; position:absolute; left:75%; margin-left:-60px; bottom:183px; background:#a91217; z-index:5; width:60px; height:60px; border-top:1px solid #cf1218; text-align:center; line-height:60px; cursor:pointer; color:#FFF; text-transform:uppercase;}

.project_details_link{ position:relative; display:inline-block; height:35px; width:106px; border:1px solid #FFF; line-height:35px; text-align:center; text-decoration:none;}
.project_details_link b{ position:absolute; left:22px; top:0px; color:#FFF; font-size:13px; font-weight:600; width:64px; height:35px;}
.project_details_link span{ position:absolute; left:70px; top:0px; background:url(../images/arrow.png) no-repeat 0 50%; width:14px; height:35px;}
.project_details_link:hover{ text-decoration:none;}

.home_share{ position:relative; display:inline-block; height:35px; width:106px; border:1px solid #FFF; line-height:35px; text-align:center; text-decoration:none; color:#ffffff; font-size:14px;}
.home_share2{ position:relative; display:inline-block; height:35px; width:136px; border:1px solid #FFF; line-height:35px; text-align:center; text-decoration:none; color:#ffffff; font-size:14px; margin-right:10px; margin-bottom:10px;}
.home_share:hover{ text-decoration:none;}

@media screen and (max-width: 1366px) {
.projectList li h3{font-size: 11px;}
.projectList li h3 span {font-size: 11px; line-height: 13px;}
}
	
@media screen and (max-width: 1100px) {
	.column4{ display:none;}
	.column2 {width: 75%;}
.projectInfo li div{ max-height:90%;}
}
@media screen and (max-width: 1000px) {
.wrapper{height:auto; width:auto;}
.column4{ display:none;}
.homeWhatsnew{ display:none;}

.homeContHolder {height:auto; background: #C00; overflow:auto; position:inherit;  width:100%; }
.homeproductDetails {height:auto; position:absolute; top: 55px; z-index: 4; width:100%; min-height:100%; background:#f1eff0 url(../images/contBg.png) repeat-y 100% 0; }

.homeproductDetailsL {float:none; width: 100%; background:#f1eff0 url(../images/contBg.png) repeat-y 100% 0; height:auto; position: relative;}

.homeproductDetailsR { display:none;}

.column2{ background:#d0d0d0; height:auto;  overflow:hidden; position:relative; clear:both; z-index:2; }
.column3{ background:#FFF; height:auto; width:100%; overflow:visible; position:relative; clear:both; z-index:3;}

.contCol_left {float: none; width:auto;}

.contCol_right {float: none; width:auto;}

.sbClose{position:absolute; left:initial; right:0; top:0; margin-left:0px; bottom:inherit; background:#a91217 url(../images/mCSB_buttons.png) no-repeat 0 100%; z-index:5; width:60px; height:60px; display:block; border-top:1px solid #cf1218; text-indent:-9999px; cursor:pointer;}
.sbClose:hover{	opacity:1; filter:"alpha(opacity=1)"; -ms-filter:"alpha(opacity=1)";}

.gototop{position:fixed; left:100%;  bottom:3%; background:#a91217; z-index:5; width:60px; height:60px; display:block; cursor:pointer; color:#FFF; display:none;}

.project{ width:8000px; height:auto; overflow:hidden}
.project li{ float:left; overflow:hidden;}
.project li img{ width:100%; position:relative; left:inherit;}

.piWrapMobile{ overflow:hidden;} 
.projectInfo{ position:relative; z-index:1;}
.projectInfo li{ float:left; padding:30px 0 50px; color:#333;}
.projectInfo li div{ position:relative; color:#333;}
.projectInfo li div h2{}
.projectInfo li div h2 strong{ display:none;}
.projectInfo li div h2 img{display:block;}
.projectInfo li div p{ color:#333;}
.projectInfo li div article span:before {content:''; width:5px; height:5px; background:#333; border-radius:50%; position:absolute; left:0; top:4px;}

.sliderControlHolder { bottom:inherit; top:-50px;}
.psNext{background:url(../images/company-interio-next.png) no-repeat 50% 50%; }
.psPrev{background:url(../images/company-interio-prev.png) no-repeat 50% 50%;}


.project_details_link{ position:relative; display:inline-block; height:auto; width:auto; border:0px solid #FFF; line-height:35px; text-align:center; text-decoration:none; color:#FFF; font-size:13px; font-weight:600;}
.home_share{ position:relative; display:block; height:auto; width:auto; border:0px solid #FFF; line-height:35px; text-align:left; text-decoration:none; color:#FFF; font-size:13px; font-weight:600;}
.home_share2{ position:relative; display:inline-block; height:auto; width:auto; border:0px solid #FFF; line-height:35px; text-align:center; text-decoration:none; color:#FFF; font-size:13px; font-weight:600;}
}


@media screen and (max-width: 980px) {
.projectInfo li div h2{ padding:30px 0 30px;}	
.projectInfo li div a.projectLink{ display:block; padding-top:18px; margin-top:18px;}	
.projectInfo li div p{ padding-bottom:30px;}	
.link2{ display:block; padding-bottom:20px;}	
	
}