html, body, div, span, p, a, del, em, img, ol, ul, li, fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
html {overflow-y: scroll;}
body {  margin:0px; color:#000; font-family: 'Myriad Pro', sans-serif;  font-size:14px; background-color:#fff;color:#3c3c3c;}
a{text-decoration:none;color:#b21e27;outline:0;border:none;}
input:focus, textarea:focus, select:focus{outline: none;}
a img{	border:none;}
/*a:hover{color:#003466;} */
.none{ display:none;}
.fl{ float:left;}
.fr{ float:right;}

h1{font-family:Helvetica, 'Myriad Pro', Arial,  sans-serif; font-size:22px;  color:#3c3c3c; margin:0; padding:0px; font-weight:normal;   }
h2{font-family:Helvetica, 'Myriad Pro', Arial,  sans-serif; font-size:14px;  color:#5b5772; margin:0; padding:0px;   line-height:14px;}

textarea{resize: none; }


.menu_cont{ position:fixed; top:0; width:100%; z-index:900; height:95px;   background:#fff;}/******* remove hide later***************/
.menu{ margin:0 auto; height:95px; width:100%; max-width:950px; background:#fff; font-size:14px; position:relative}
.logo{float:left; margin-top:12px;}
.men{ float:right; margin:65px 0px 0 22px; font-size:15px; font-weight:bold; }
.menu a{color:#939598;} 
.menu a:hover, a.selected{color:#b21e27;} 

.men_join{background-color:#b21e27; color:#fff; padding:5px 10px 3px; border-radius: 6px; margin-top:58px}
.men_join:hover{color:#939598;} 

.pop_join{display:none; position:absolute; right:0; top:105%; background-color:#eceff4; width:525px; /*height:275px;*/ max-width:100%; z-index:222;}
.inside_join{padding:35px; position:relative;}
.left_join{ float:left; width:40%;}
.right_join{ float:left; width:60%;}
.x{position:absolute; left:0px; top:0px; padding:7px; cursor:pointer }
.x2 {right: 0;left: auto;}




.wrapper{ width:100%; /*max-width:1280px;*/ margin:0 auto}


.rslides_container{ /*margin-top:95px;*/ float:none; margin-top:60px;}
.rslides_main {height: 600px; height: 575px;}


.contenu{/*width:950px; margin:0 auto;*/ width:100%; height:545px; min-height:150px; max-height:545px; position:relative;}
.titre{ position:absolute; text-indent:30px; bottom:70px; background:url(images/img_lyr.png); padding-right:30px; height:52px; width:100%; font-size:34px; font-weight:bold; color:#fff; padding-top:18px; font-family:Helvetica, sans-serif}
.titre span{ font-size:28px;}
.boutton{position:absolute; margin-left:25px; bottom:17px; background:url(images/learnmore.png) no-repeat; width:121px; height:35px;}

.rslides_tabs { margin-top: -25px;position: relative;}
.rslides_tabs .rslides_here a {background-color: #fff;}

.section{ margin:0 auto;width:100%; /*max-width:1280px;*/} 
.inside{ margin:0 auto;width:100%; max-width:950px; padding:0 10px;}   
.about{ min-height:665px;}  

.section h2{ color:#6d6e71; font-size:20px; margin:0 auto; text-align:center; }

h2.sec_tit{ width:250px; height:35px; background:url(images/linedot.png) no-repeat center bottom; margin-bottom:30px;}

.abt_sec{ float:left; width:295px; text-align:center; padding:10px; }
.abt_sec h2{ margin-top:10px; margin-bottom:18px;}

.line1{ margin-top:100px;}
.whowe, .whatwe, .ourhi{ cursor:pointer;}
.text{ font-size:14px;}


.line2{margin-top:30px;}

.line2, .line4{display:none;}
.line2 .abt_sec{color:#939598; color:#3c3c3c;}
.abt_sec h3{ margin-top:10px; margin-bottom:0px;}
.line2 .text{ font-size:13px; min-height:95px;}
.names{ font-size:13px; margin-bottom:15px;}

.line3 h2 {margin-bottom: 18px; margin-top: 20px;}
.line3 .text { text-align:center; }
.line3{margin-bottom: 40px;margin-top: 50px; display:none}

.proper{ background-color:#b21e27; }
.prop{min-height:600px; padding:40px 0; position:relative; }
.prop h2{ background:url(images/wlinedot.png) no-repeat center bottom; color:#fff; margin-bottom:20px;} 

.page{ padding:0 5px;}
.page1{ margin-top:40px; }		/**************** remove hide later if case ***********************/
.page1 .box{ width:420px; height:452px; position:relative; border:3px solid #fff; float:left; margin-left:30px}
.layer{background:url(images/layer.png); position:absolute; top:0; width:100%; height:100%; z-index:50 }
.cico{width:420px; height:452px;}
.cico img{width:420px; height:452px;}
.sale{ margin-right:0px;}
.note{ position:absolute; z-index:60; top:44%; left:0%; text-align:center; color:#fff; font-weight:bold; font-size:40px; right:0;}

.project{float:left; text-align:center; color:#fff; height:430px; overflow:hidden; }
.page2{ margin-top:0px; display:none; }		
/*.page2 .project{width:287px;padding:0 13px;}*/
/*.page2 .project{ padding: 0 105px 30px; width: 260px;}*/
.project .box{ width:190px; height:280px; position:relative; border:3px solid #fff; margin:0 auto; }
.project .box img{ width:190px; height:280px;}

.project h3{ font-weight:bold; font-size:19px; margin:15px 0 10px; color:#fff;}
.project h3 span{font-size:16px; font-weight:normal; color:#fff;}
.project .text{ font-size:12px; color:#fff;}

.page3{ margin-top:0px; display:none;}
.page3 .project{padding: 0 10px 30px; width: 210px; }

   
.page.count1 .project{ padding: 0 340px 30px; width: 260px;}
.page.count2 .project{ padding: 0 105px 30px; width: 260px;}
.page.count3 .project{ padding: 0 51px 30px; width: 210px;}
.page.count4 .project{ padding: 0 10px 30px; width: 210px;}


.holder{ display: inline-block; height: 560px; margin-top: 0; position: relative;}
   
.proper .holder{height:auto;} 

.blacklayer, .slide_blacklayer{background:url(images/cblayer.png); position:absolute; top:0; width:100%; /*height:100%;*/ min-height:540px; padding-bottom:20px; z-index:100; display:none; }
.thisproj, .slide_thisproj{ position:relative; margin:40px 55px 0px 95px; height:94%; display:none;}
.thumb_img { float:left; margin:0 35px 15px 0;  width:220px; height:109px; cursor:pointer; overflow:hidden}
.thumb_img img{ /*width:100%; max-width:230px; max-height:114px;*/ width:220px;}

.thisproj{padding-bottom:50px;}

.inside_desc{ /*position:absolute; max-width:610px;*/ max-width:740px; z-index:110; bottom:0; left:0; color:#fff; }
.inside_desc a{ color:#fff; text-decoration:underline;}
.proj_6 .inside_desc{position:relative;}

.close, .sclose, .mclose{ position:absolute; top:5px; right:5px; width:15px; height:16px; background:url(images/close2.png); z-index:110; cursor:pointer; }

.proper h2{cursor:pointer;}
.inside_social{ position:absolute; bottom:0px; right:0px;}
.inside_social div{ float:left; margin-left:10px;}
.slide_inside_social{ bottom:-13px; right:0px;}

.slide_thisproj .rslides.sproj_7 img {
    max-height: 395px;
    max-width: 796px;
	width:auto;
	margin:0 auto;
	float:none;
}

.contact{min-height:500px; padding:40px 0; }
.left{width:505px;}
.right{ width:385px; position:relative;}
.right p{ padding-bottom:2px;}

.redarr{background:url(images/arrow.png) no-repeat right center; margin-top:90px; margin-top:54px; min-height:115px;}
.loc{background:url(images/loc.png) no-repeat left center; padding-left:25px;}
.tel{background:url(images/tel.png) no-repeat left center; padding-left:25px;}
.mail{background:url(images/mail.png) no-repeat left center; padding-left:25px;}


.contact_map{ position:absolute; visibility:hidden; width:100%; height:100%; top:0; left:0; background:url(images/blayer.png);  width:385px; height:315px; display:block}					
#iframos{ height: 78%;  padding: 10% 0 0 10%; width: 80%; width:308px; height:245px; display:block}

.page2 .tabber{margin:0 55px 8px 18px; position:relative;}
.page3 .tabber{margin:0 55px 8px 18px; position:relative;}
.tabista{  background-color:#898989; width:130px; height:25px; border-radius:5px; text-align:center; padding-top:10px; color:#fff; cursor:pointer;
position:absolute; top:-50px; left:0;}

.newback{background-color:#898989; width:130px; height:25px; border-radius:5px; text-align:center; padding-top:10px; color:#fff; cursor:pointer;
position:absolute; top:-50px; left:0; margin:-32px 0 0 -72px; background-image:none;}

.bsale .rr{display:none}
.brent .ss{display:none}
 /*.tabber{ position:relative;  margin:50px 55px -50px 95px; }
 .tabista{  background-color:#898989; width:130px; height:25px; border-radius:5px; text-align:center; padding-top:10px; color:#fff;}
 .tabista:hover{background-color:#b21e27;}*/
 .tabi_0{float:left;}
 .tabi_1{float:right;}

.soc{ width:48px; height:48px; float:left; margin-top:25px; margin-right:12px;}
.fb{background:url(images/fb.png) no-repeat left ;}	
.twit{background:url(images/twit.png) no-repeat;}
.instag{background:url(images/instag.png) no-repeat; /*margin-right:48px;*/}
.goog{background:url(images/goog.png) no-repeat; }
.youtube{background:url(images/youtube.png) no-repeat; }
.view{background:url(images/view.png) no-repeat center ;width:132px; cursor:pointer; }
				

.input{ background-color:transparent; width:425px; height:35px; padding:2px 4px; margin-bottom:15px;border:1px solid #a9a8a5; color:#a9a8a5;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
behavior:url("border-radius.htc");
color:#000; font-family: 'Myriad Pro', sans-serif;
font-size:14px;
 }
.textarea{ background-color:transparent; width:419px; height:185px; padding:7px; margin-bottom:15px; border:1px solid #a9a8a5; color:#a9a8a5;

-moz-border-radius:10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
-khtml-border-radius: 10px; /* KHTML */
border-radius: 10px; /* CSS3 */
behavior:url("border-radius.htc");
color:#000; font-family: 'Myriad Pro', sans-serif; font-size:14px;
}
.submit{  color:#fff; width:110px; height:31px; margin-right:261px;}


.signature{ position:fixed; bottom:10px;/* width:100%;*/ height:42px;right: 15px; }

    
.signature a{ float:right; margin-right:0; }

.text2{display:none;}
.readmore, .readless{ cursor:pointer;}

/*@media screen and (max-width: 480px) {
	.stage1{ height:2300px;} .ele{}
}
@media screen and (min-width: 481px) and (max-width: 768px) {*/

.line3 .left_pos{ float:left; width:280px; padding:0 120px 0 60px;  /* padding: 0 20px; width: 252px;*/}
.line3 .right_pos{  float:left; width:380px; padding:0 30px 0 55px; width:430px; padding:0 0 0 58px; border-left:2px solid #707070; /*padding: 0 20px; width: 616px;*/}

.line3 .left_pos{ padding:0 80px;width:300px; }
.line3 .right_pos{ padding: 0 20px 0 80px; width: 360px; }

.t_ourhi{ display:none;}
.t_whowe{ display:none;}
.t_whatwe{ display:none;}

.timeline{ position:relative; margin-top:20px; height:230px;}
.timeline img{ position:absolute; top:65px; z-index:20;}
.timeline .dots{ position:absolute; top:0px; z-index:10; background:url(images/time_dots.png) no-repeat 0 0; height:73px; padding-left:15px; display:none;}
.timeline .bdots{ top:auto; bottom:0; background:url(images/time_dots2.png) no-repeat 0 0; padding-top:38px;}

.dot1{left:40px;}
.timeline .dot2{left:125px; bottom:7px;}
.timeline .dot3{left:210px; top:7px;}
.dot4{left:300px;}
.dot5{left:390px;}
.timeline .dot6{left:470px;left:390px; bottom:7px;}
.timeline .dot7{left:560px;left:470px; top:7px;}
.timeline .dot8{ left:560px; top:auto; bottom:7px; }
.dot9{ left:645px;}
.timeline .dot10{ bottom:7px; left:730px;}
.dot11{ left:810px;}
.timeline .dot12{ bottom:7px; left:865px; background:url(images/time_dots2.png) no-repeat 50px -35px; width:100px;}


.wraptocenter {display: table-cell;text-align: center;vertical-align: middle; width:220px; height:109px;}
.wraptocenter * {vertical-align: middle;}
/*\*//*/ .wraptocenter { display: block; } .wraptocenter span { display: inline-block; height: 100%; width: 1px; } /**/
#stage4 h2.sec_tit{margin-bottom:60px; }
.subsi{position: relative; top: 35px;}
   
.subsi_txt{ font-size:16px;float:left;}
.subsi_img{ float:left; margin:-20px 0 10px 13px;}

.inside_social div.sharing{ position:relative;<!--width:35px; height:35px;-->}
.inside_social div.overs{ width:35px; height:36px; overflow:hidden; margin:0; float:none; position:relative;}
.inside_social div.showers{ width:180px; margin:0; float:none; position:absolute; right:0 }

.footer{width:100%; height:34px; color:#fff; text-align:center; background-color:#b21e27; padding-top:19px; font-size:12px;}
.footer a{color:#fff; text-decoration:underline}
.fo0{ width:375px; margin:0 auto; width:500px;}
.fo1{ float:left;}
.fo2{ float:left; margin-left: 6px; margin-top: -12px;}
.msg{padding-left:125px; margin-top:-15px; color:#b21e27;}

.subj_holder{display:none;}


.input2{ background-color:#fff; width:100%; box-sizing:border-box; box-shadow: -1px 3px 7px 0px #888888;}
.input3{background-color:#b21e27; width:100%; box-sizing:border-box; color:#fff;height: 40px;padding-top: 6px; box-shadow: -1px 3px 7px 0px #888888; cursor:pointer}

.gri{background-color:#eceff4;}
.testi{padding:40px 0; position:relative}
/*.testi .rslides{width:99% !important;}*/
.privacy .testi{padding:40px 30px; box-sizing:border-box}

.pop_testi{position: fixed; background-color: rgba(200,200,200,0.5);width: 100%;z-index: 3333; top:0px; display:none;left:0; height:100%; }
.sec_testi{position: absolute;width: 100%;z-index: 4444;top:10px; display:none;}
.all_join{display:none; text-align:center;}
.titi{/*background-color:#bdc1c8; padding:0; margin:35px;*/}
.testi_photo{position:relative; box-sizing:border-box; max-width:140px; margin-right:20px;  }
.c_testi{position:absolute; z-index:22l; top:0; left:0; width:100%}
.testi_txt{ padding:60px 70px; box-sizing:border-box; width:100%;  max-width:780px; font-size:30px; font-style:italic; color:#000;
background-image: url(gi1.png), url(gi2.png);
  background-position: left top, right bottom;
  background-repeat: no-repeat, no-repeat;
  }
.img100{width:100%;}
.open_pop_testi{cursor:pointer;}
.thanks{font-size:27px; color:#b11e27; font-weight:bold; padding-top:50px;display:none;}
.nothx{ }
@media screen and (max-width: 1024px) {		
	.line3 .text{ padding:0 20px;}
	.inside_desc{font-size:9px;}
	.holder{height:auto;}
	.blacklayer, .slide_blacklayer{ padding-bottom:40px;  }
	.proj_6 .inside_desc{font-size:9px; }
	.redarr{background-size:52px;}
	
.line3 .left_pos{ width:280px; padding:0 60px 0 60px; }
.line3 .right_pos{ width:430px; padding:0 0 0 60px;}
.thisproj, .slide_thisproj{height:98%;}
}

@media screen and (min-width: 768px) and (max-width: 1280px) {
	
}
@media screen and (max-width: 580px) {
	.w100{width:100%;}
	.left_join{ width:20%; padding-right:5%; padding-top:5%;}
.right_join{  width:75%;}
	
}