body { font-family: "Microsoft YaHei"; outline:none; position:relative; font-size:16px;   text-rendering: optimizelegibility;    word-wrap: break-word; font-smooth: always; webkit-font-smoothing: antialiased; background-size: cover; color:#555; font-weight: 400; }


@font-face {
font-family: 'Microsoft YaHei';
font-style: normal;
font-weight: normal;
src: local('Microsoft YaHei'), url('../fonts/Microsoft-YaHei.woff') format('woff');
}


@font-face {
font-family: 'Microsoft YaHei-bold';
font-style: normal;
font-weight: normal;
src: local('Microsoft YaHei-bold'), url('../fonts/microsoft-yahei-bold_bigfontsite.com.woff') format('woff');
}



.modal { left: -100px !important; top: 50px !important; z-index: 99999;}
.modal-content {border-radius: 0px!important;  float: left; text-align: left; width: 100%;  min-height: 250px; background: #FFF; background-position: 350px 200px; background-repeat: no-repeat; border:none;}
.modal-backdrop{ z-index: 9999; }
.modal-header{ padding:8px 15px; background:#fa5a32; border-radius:0 !important; }
.modal-content h4 {font-size: 20px; color: #fff; border-bottom: 0px solid #eaeaea;padding-bottom:0px; margin-bottom:0px; }
.modal-content .pop_close {position: absolute; right: 15px; top: 5px; cursor: pointer; font-size: 24px; color: #fff;}
.modal-body{ padding: 10px 15px 15px; float: left; width: 100%; color: #000 !important;  }

.modal-body #somevid {
    right: 0;
    bottom: 0;
  width: 100%;
}
.modal-lg {
	max-width: 1000px;
}




header, section, footer, aside, div, ul, ul li, li, input, label { box-sizing:border-box; }
h1, h2, h3, h4{ padding: 0; margin: 0; color:#353534; font-family: 'Microsoft YaHei-bold'; }
h2{ width:100%; font-size:36px; padding:0; margin:0; color:#353534; font-family: 'Microsoft YaHei-bold';}
ul, ul li, li { list-style-type:none; }
ul, ol{ padding:0; margin:0;}
figure{ margin:0;}
a, a:hover, a:focus, a:focus, a:active{ text-decoration:none; outline:none; transition: ease-in .3s; }
input:focus{ outline:none;}

.container{ max-width:1200px;}


header { width:100%; float:left;  color:#fff;  padding: 0px 0; background:#fe5e00; position:relative; z-index:99; border-radius:0  0px 15px 15px; }
header  a:last-child{ border:none;}

.logo_area{ width:auto;  position: absolute; left: 0; padding:0px 0px; background: #fe5e00; border-radius:0  0px 15px 0px;   }
header .logo_area figure{ width: 100%; float: left; padding: 20px 0;  }
header figure img{ max-width:100%;}

header.sticky{position:fixed;width:100%;background:#fe5e00;z-index:99;transition:all .6s ease;box-shadow:0px 0px 8px 0px rgba(51, 51, 51, 0.31);}
header.sticky figure img{ max-width:100%;transition:all .3s ease-in;}

header ul.top_nav{ width: 100%; float: left; text-align: right; padding: 30px 0 0; }
header ul.top_nav li{ width: auto; display: inline-block; vertical-align:top;  }
header ul.top_nav li a{ color: #fff; padding:0px 0 0 5px; display: inline-block; }
header ul.top_nav li:last-child a{ padding-right: 0; }
header ul.top_nav li a img{ margin-right: 5px; vertical-align: middle; }




nav{ width:100%; float:left; height:auto; font-size:16px; text-transform: uppercase; padding: 15px 0 15px 20%; font-weight: bold; }
nav ul{ padding:0px; margin:0px 0 0; width:auto; float:left; text-align:left; width:100%;}
nav ul li { width:auto; display:inline; position:relative; padding: 0 20px; }
nav ul li a {  width:auto; padding:15px 0px; border-bottom: solid 2px #fe5e00;   display:inline-block; color:#fff;  transition:ease-in .3s;}
nav ul li:hover a { color:#fff; border-bottom: solid 2px #fff;   border-radius:0px ;}


nav ul li ul.drop1_list{margin:0px;padding:0px;position:absolute;z-index:999999;width:175px;top:43px; left:-33px;transform:scale(1,.5);-webkit-transform:scale(1,.5);-moz-transform:scale(1,.5);transform-origin:top;-webkit-transform-origin:top;-moz-transform-origin:top;visibility:hidden;opacity:0;transition:all .3s ease; background:#fe5e00; text-align:left; padding:15px 0px; text-align: center; border-radius:0px; }

nav ul li ul.drop1_list li{display:inline;position:relative; width:100%; float: left; text-align: center; padding: 10px 0;}
nav ul li ul.drop1_list li:last-child a{border-bottom:0px solid #ffefee; position:relative;}
nav ul li ul.drop1_list li a{display:inline-block; padding:3px 0px; color:#fff;text-transform:inherit;text-align:left;border-radius:0; border-bottom: none; }
nav ul li ul.drop1_list li:hover a{transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease; color:#fff !important;}
nav ul li:hover ul.drop1_list{opacity:1;visibility:visible;transform:scale(1,1);-webkit-transform:scale(1,1);-moz-transform:scale(1,1);}



.mobile_nav{ width:100%; float:right;  width: 35px;  color:#000; font-size:16px; text-transform:uppercase; line-height:55px; padding:0 0px; cursor:pointer; display:none;  margin:0px 0px  !important; top:0px; }
.nav_right{ right:-15px; z-index:500; background: #fe5e00;  -webkit-animation:menu .7s;  animation:menu .7s; top:65px; min-width: 320px;}


@keyframes menu{
0%{opacity:.6; right:-320px;}
100%{opacity:1; right:-15px;}
}
@-webkit-keyframes menu{
0%{opacity:.6; right:-320px;}
100%{opacity:1; right:-15px;}
}




.top_banner{ width:100%; float:left; position:relative;  margin-top: -25px;}
.top_banner img{ width:100%; min-height: 700px;}

.top_banner .overlay_area{ width: 100%; position: absolute; height: 100%; z-index: 10; left: 0; top: 0; }
.top_banner  .banner_form{ width: 100%; float: left; background: rgba(0,0,0,.7); border-radius: 10px;  z-index: 10; text-align: center; color: #fff; padding: 40px 0; margin: 15% 0 0; }
.top_banner  .banner_form h3{ color: #fff; margin: 0 0 15px; }
.top_banner  .banner_form ul{ width: 450px; margin: 0 auto; display: block;}
.top_banner  .banner_form ul li{ width: 100%; float: left; margin: 10px 0; }
.top_banner  .banner_form ul li label{ width: 85px; float: left; text-align: right; padding-right: 15px; }
.top_banner  .banner_form ul li  select{ width:calc(100% - 85px); height: 35px; font-size: 14px; padding: 0 10px; }
.top_banner  .banner_form .cta_area{width:calc(100% - 85px); float: left; text-align: center; padding: 10px 0 0; }
.top_banner  .banner_form button{ background: #8f8f8f; color: #f9c42c; cursor: pointer; border: none; padding: 5px 35px;  }
.top_banner  .banner_form button:hover{ background: #f9c42c; color:#353534;  }

.top_banner .carousel-indicators { bottom:60px; margin:0;}
.top_banner .carousel-indicators li{ width:16px; height:16px; border-radius:50%; cursor:pointer; background:none; border:solid 1px #fff;}
.top_banner .carousel-indicators li.active{ background:#fff;}



.infographic_area{ width: 100%; float: left; background: #fff; padding: 60px 0; text-align: center; }
.infographic_area h2{ margin: 0 0 15px; }

.infographic_area ul{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between; margin: 20px  0 0; }

.infographic_area ul li{ flex: 0 0 24%; text-align:center;  border-radius:3px; margin:20px 0; transition:ease-in .3s; background: #fff; padding: 20px; position: relative;}
.infographic_area ul li::after{ content: '1'; font-size: 100px; font-family:'Lobster'; color: #e9e9e8; position: absolute; top: 80px; right: 8%;   }
.infographic_area ul li:nth-child(2)::after{content: '2';}
.infographic_area ul li:nth-child(3)::after{content: '3'; right: 6%; }
.infographic_area ul li:nth-child(4)::after{content: '4';}

.infographic_area ul li figure{ width:100%; float:left; margin:0 0 00px; line-height:90px; background: #fff; margin: 0 0 25px;}
.infographic_area ul li h3{ font-size: 24px; }

.grey_bg_area{ width: 100%; float: left; background:#4e4d4c; }
.grey_bg_area .part_01{ width: 60%; float: left; background:#a0a0a0; position: relative; min-height: 500px; padding: 90px 0 90px 30px; -webkit-clip-path: polygon(0 0%, 100% 0, 75% 100%, 0% 100%); clip-path: polygon(0 0%, 100% 0, 75% 100%, 0% 100%); }

.grey_bg_area .part_01 figure{ float: left; width: 40%; max-width: 400px;  }
.grey_bg_area .part_01 figure img{ max-width: 100%; }
.grey_bg_area .part_01 .txt_dtls{ width:60%; float: left; padding: 0 0 0 20px;}
.grey_bg_area .part_01 .txt_dtls h3{ font-size: 38px; margin: 0 0 20px; }
.grey_bg_area .part_01 .txt_dtls h3 span{ color: #fff; }
.grey_bg_area .part_01 .txt_dtls p{ font-size: 14px; line-height: 24px; font-weight: bold; padding: 0 100px 0 0; }
.grey_bg_area .part_01 .txt_dtls label{ border: solid 1px #363533; padding: 2px; margin:40px 0 0; transition: ease-in .3s;}
.grey_bg_area .part_01 .txt_dtls label a{ display: inline-block; background: #363533; color: #fff; padding: 5px 50px; font-size: 14px; color: #ffc722 }
.grey_bg_area .part_01 .txt_dtls label:hover{ border: solid 1px #ffc722; }
.grey_bg_area .part_01 .txt_dtls label a:hover{ background: #ffc722;  color: #363533;  }

.grey_bg_area .part_02{ width: 40%; float: left; position: relative; color: #fff; padding: 90px 30px 0 0; }

.grey_bg_area .part_02 figure{ float: right; width: 55%; max-width: 400px;  }
.grey_bg_area .part_02 figure img{ max-width: 100%; border: solid 1px #ffc722; }
.grey_bg_area .part_02 .txt_dtls{ width:45%; float: left; padding: 0 20px 0 0px;}
.grey_bg_area .part_02 .txt_dtls h3{ font-size: 38px; margin: 0 0 20px; text-align: right; color: #ffc722; }
.grey_bg_area .part_02 .txt_dtls h3 span{ color: #fff; }
.grey_bg_area .part_02 .txt_dtls p{ font-size: 14px; line-height: 24px; font-weight: bold; padding: 0 0px 0 0; margin-left: -50px;  }
.grey_bg_area .part_02 .txt_dtls label{ border: solid 1px #ffc722; padding: 2px; margin:10px 0 0; transition: ease-in .3s; float: right;}
.grey_bg_area .part_02 .txt_dtls label a{ display: inline-block; background: #ffc722; color: #363533; padding: 5px 50px; font-weight: bold; font-size: 14px; color: #363533 }
.grey_bg_area .part_02 .txt_dtls label:hover{ border: solid 1px #fff; }
.grey_bg_area .part_02 .txt_dtls label a:hover{ background: #fff;  color: #363533;  }


.center_img_area{ width: 100%; float: left;  }
.center_img_area figure{ width: 100%; float: left; position: relative; overflow: hidden; }
.center_img_area figure .overlay_area{ width:100%; height: 100%; position: absolute; left: 0; top: 0; padding: 5%; box-sizing: border-box;   } 

.center_img_area figure .overlay_area span.icon{ width: auto; position: absolute; top: 9%; left: 9%; }
.center_img_area figure .overlay_area span.icon img{ width: auto; }
.center_img_area figure .overlay_area .border_area{ border: solid 1px #fff; width: 100%; height:100%;vertical-align: middle; display: flex;   display: flex; align-items: center;  justify-content: center; transition: ease-in .3s;  }
.center_img_area figure .overlay_area .border_area h3{ width: auto; font-size: 48px; color: #fff; font-weight: normal; text-align: center; }
.center_img_area figure img{ width: 100%; transition: ease-in .3s; }
.center_img_area figure:hover img{ transform: scale(1.1); }
.center_img_area figure:hover .overlay_area .border_area{ background: rgba(235,95,8,.7 );  }


.center_img_area .box_01{ width: 35.8%; float: left; max-width: 685px; }
.center_img_area .box_01 figure .overlay_area { padding: 10% 6%; }

.center_img_area .box_02{ width: 32.1%; float: left; }
.center_img_area .box_03{ width: 32.1%; float: left; }









.video_area{ width: 100%; float: left; padding: 50px 0; text-align: center; }
.video_area h2 { margin: 0 0 25px; }
.video_area h2 span{ color: #ffc722; }
.video_area .video_box{ width: 100%; float: left; }
.video_area .video_box img{ max-width: 100%; }

.decofrndly_area{ width: 100%; float: left; padding: 50px 0 0; text-align: center; }
.decofrndly_area h2 { margin: 0 0 25px; }
.decofrndly_area h2 span{ color: #fe5e00; }
.decofrndly_area ul{width:100%; float:left;  }

.decofrndly_area ul li{ width:33.33%; float: left; text-align:center;  border-radius:3px; transition:ease-in .3s; background: #fff; position: relative;}
.decofrndly_area ul li figure{ width: 100%; float: left; overflow: hidden; }
.decofrndly_area ul li figure img{ width: 100%; transition: ease-in .3s; }
.decofrndly_area ul li:hover img{ transform: scale(1.1); }

.decofrndly_area ul li:nth-child(2){flex: 0 0 33.34%;}

footer{width:100%;float:left; background:#4e4d4c;padding:15px 0 0 0;}

footer .foot_link{ width: 100%; float: left; margin: 0px 0 10px; text-align: center; }
footer .foot_link li{ width: auto; display: inline-block; margin: 5px 15px; font-size: 12px; font-weight: bold;  }
footer .foot_link li a{color: #fff;}
footer .foot_link li a:hover{ color: #f5b94f; }

footer .foot_bot{ width: 100%; float: left; padding:10px 0; border-top: solid 1px #f5b94f; text-align: center; }
footer .foot_bot p{ color: #fff; font-size: 10px; margin: 0 0 5px; }

footer h3{width:100%;float:left;font-size:16px; font-family: 'Microsoft YaHei-bold'; margin:0 0 10px 0; color:#fff;text-align:center;}



.scrollup{display:none;position:fixed;bottom:4em;right:15px;width:47px;height:47px;background:url(../images/back-top-btn.png);text-indent:-999999px;transition:ease-in .3s all;z-index:999;}
.scrollup:hover{background-position:left bottom;}



/*inner Page Css Start here */

.about_us_page{ width: 100%; float: left; position: relative; background: url(../images/about_us_bg.jpg) no-repeat center; background-size:cover; min-height: 580px; margin-top: -25px; padding: 12% 0; text-align: center; color: #fff; min-height: 85vh; }
.about_us_page h1{ font-size: 30px; margin: 0 0 25px; color: #fff; }
.about_us_page h1 span{ color: #fe5e00; }
.about_us_page p{ font-size: 16px; line-height: 28px; font-weight: normal; }

.about_us_page ul.call_area{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between; margin: 0px  0 0; }

.about_us_page ul.call_area li{ flex: 0 0 33%; text-align:center;  border-radius:3px; margin:20px 0; transition:ease-in .3s;  padding: 20px; position: relative; font-weight: bold; font-size: 18px; position: relative;}
.about_us_page ul.call_area li .scan{ position: absolute; right: 0; top: 0px; }
.about_us_page ul.call_area li .scan img{ max-width: 70%; }
.about_us_page ul.call_area li:nth-child(3){ padding-right: 120px; }

.about_us_page ul.form_area{ width: 100%; float: left; margin: 0 auto; display: block;}
.about_us_page ul.form_area li{ width: 100%; float: left; margin: 10px 0; }
.about_us_page ul.form_area li label{ width: 85px; float: left; text-align: right; padding-right: 15px; font-weight: bold; }
.about_us_page ul.form_area li  input{ width:calc(100% - 85px); background:none; border: solid 1px #fff; height: 35px; font-size: 14px; padding: 0 10px; border-radius: 3px; color: #fff; }
.about_us_page ul.form_area li  textarea{ width:calc(100% - 85px); background:none; border: solid 1px #fff; height: 80px; font-size: 14px; padding: 0 10px; border-radius: 3px; color: #fff; }
.about_us_page ul.form_area .cta_area, .about_us_page ul.form_area .captcha_area{ width:calc(100% - 85px);float: left; text-align: center; padding: 10px 0 0; }
.about_us_page ul.form_area .cta_area button{ background: #fe5e00; color: #fff; cursor: pointer; border: none; padding: 5px 35px;  width: 100%; border-radius: 3px; font-weight: bold; }
.about_us_page ul.form_area .cta_area button:hover{ background: #f9c42c; color:#353534;  }



.inner_banner{ width:100%; float:left; position:relative;   margin-top: -25px; }
.inner_banner img{ width: 100%; height: auto; }

.emp_info_area{ width: 100%; float: left; border-bottom: solid 1px #d2d2d2 ; padding: 5% 8%; }
.emp_info_area figure{ width: 50%; float: left; }
.emp_info_area figure img{ width: 100%; }
.emp_info_area .dtls_area{ width: 50%; float: left; padding: 0 25px;}
.emp_info_area .dtls_area .top_head{ width: 100%; float: left; margin: 0 0 15px; }
.emp_info_area .dtls_area .top_head .title{ width: auto; float: left; }
.emp_info_area .dtls_area .top_head .title h2{ font-size: 18px; color: #5a6771; }
.emp_info_area .dtls_area .top_head .title h2 span{ width: 35px; height: 35px; line-height: 35px; background-color: #fe5e00; color: #fff; font-size: 18px; border-radius: 35px; display: inline-block; text-align: center;  }
.emp_info_area .dtls_area .top_head .cta_area{ width: auto; float: right; margin:5px 0 0;}
.emp_info_area .dtls_area .top_head .cta_area a{ background-color: #f39c12; color: #fff; font-weight: 700; padding: 5px 50px; }
.emp_info_area .dtls_area ul.info_area{ width: 100%; float: left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between;  }
.emp_info_area .dtls_area .top_head .cta_area a:hover{ background: #fe5e00; }
.emp_info_area .dtls_area ul.info_area li{ flex: 0 0 20%; margin: 10px 0; }
.emp_info_area .dtls_area ul.info_area li:nth-child(1){ text-align: right; }
.emp_info_area .dtls_area ul.info_area li:nth-child(2){ flex: 0 0 80%; padding-left: 10px; }





.interiour_design_area{ width: 100%; float: left; border-bottom: solid 1px #d2d2d2 ; padding: 5% 8%; }
.interiour_design_area figure{ width: 50%; float: left; }
.interiour_design_area figure img{ width: 100%; }
.interiour_design_area .dtls_area{ width: 50%; float: left; padding: 0 0px 0 25px;}
.interiour_design_area .dtls_area .top_head{ width: 100%; float: left; margin: 0 0 15px; }
.interiour_design_area .dtls_area .top_head .title{ width: auto; float: left; }
.interiour_design_area .dtls_area .top_head .title h2{ font-size: 24px; color: #5a6771; }
.interiour_design_area .dtls_area .top_head .title h2 span{ width: 35px; height: 35px; line-height: 35px; background-color: #fe5e00; color: #fff; font-size: 18px; border-radius: 35px; display: inline-block; text-align: center;  }
.interiour_design_area .dtls_area .top_head .title h2 label{ display: block; margin-left: 40px; font-size: 16px; margin-bottom: 0; line-height: 26px; }
.interiour_design_area .dtls_area .top_head .cta_area{ width: auto; float: right; margin:5px 0 0;}
.interiour_design_area .dtls_area .top_head .cta_area a{ background-color: #f39c12; color: #fff; font-weight: 700; padding: 5px 25px; }
.interiour_design_area .dtls_area .top_head .cta_area a:hover{ background: #fe5e00; }

.interiour_design_area .dtls_area .main_dtls{ width: 100%; float: left; padding: 25px 0 0px 36px; }
.interiour_design_area .dtls_area .matrl_dtls{ width: 100%; float: left; padding: 0px 0 0px 40px; }

.interiour_design_area .dtls_area .main_dtls .box_01{ width: 50%; float: left; }
.interiour_design_area .dtls_area .main_dtls .box_02{ width: 50%; float: left; }

.interiour_design_area .dtls_area .matrl_dtls .box_01{ width: 100%; float: left; }
.interiour_design_area .dtls_area .matrl_dtls  ul.info_area li{ flex: 0 0 15%; margin: 10px 0; }
.interiour_design_area .dtls_area .matrl_dtls .box_01 ul.info_area li:nth-child(1){ text-align: left; font-size: 16px; }
.interiour_design_area .dtls_area .matrl_dtls .box_01 ul.info_area li:nth-child(2){ flex: 0 0 85%; padding-left: 10px; }


.interiour_design_area .dtls_area ul.info_area{ width: 100%; float: left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between;  }

.interiour_design_area .dtls_area ul.info_area li{ flex: 0 0 45%; margin: 10px 0; }
.interiour_design_area .dtls_area ul.info_area li:nth-child(1){ text-align: right; font-size: 16px; }
.interiour_design_area .dtls_area ul.info_area li:nth-child(2){ flex: 0 0 55%; padding-left: 10px; }

.interiour_design_area .dtls_area .other_info{ width: 100%; float: left; padding: 15px 0 0px 42px; }
.interiour_design_area .dtls_area .other_info h3{ font-size: 20px; margin: 0 0 10px; }
.interiour_design_area .dtls_area .other_info p{ font-size: 16px; }

.interior_inner_page{ width: 100%; float: left; padding: 50px 0; color: #020202; }
.interior_inner_page .inner_dtls{ width: 100%; float: left; }
.interior_inner_page .inner_dtls .top_head{ width: 100%; float: left; margin: 0 0 15px; }
.interior_inner_page .inner_dtls .top_head .title{ width: auto; float: left; }
.interior_inner_page .inner_dtls .top_head .title h2{ font-size: 24px; color: #5a6771; }
.interior_inner_page .inner_dtls .top_head .title label{ display: block; margin-left: 40px; font-size: 16px; margin-bottom: 0; line-height: 26px; }

.interior_inner_page .inner_dtls .top_head .card_top{ width:auto; float: left; margin-left: 50px; } 

.interior_inner_page .inner_dtls .top_head .cta_area{ width: auto; float: right; margin:5px 0 0;}
.interior_inner_page .inner_dtls .top_head .cta_area a{ background-color: #f39c12; color: #fff; font-weight: 700; padding: 5px 25px; }
.interior_inner_page .inner_dtls .top_head .cta_area a:hover{ background: #fe5e00; }

.interior_inner_page .inner_dtls .other_info{ width: 100%; float: left; padding: 15px 0 0px; }
.interior_inner_page .inner_dtls .other_info h3{ font-size: 20px; margin: 0 0 10px; }
.interior_inner_page .inner_dtls .other_info p{ font-size: 16px; }
.interior_inner_page .inner_dtls .main_dtls{ width: 100%; float: left; padding: 0px 0 0px 0px; }

.interior_inner_page .inner_dtls .main_dtls .box_01{ width: 25%; float: left; }
.interior_inner_page .inner_dtls .main_dtls .box_02{ width: 50%; float: left; }

.interior_inner_page .inner_dtls .main_dtls .box_01 ul.info_area{ width: 100%; float: left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between;  }

.interior_inner_page .inner_dtls .main_dtls .box_01  ul.info_area li{ flex: 0 0 45%; margin: 10px 0; }
.interior_inner_page .inner_dtls .main_dtls .box_01 ul.info_area li:nth-child(1){ text-align: right; font-size: 16px; }
.interior_inner_page .inner_dtls .main_dtls .box_01 ul.info_area li:nth-child(2){ flex: 0 0 55%; padding-left: 10px; }
.interior_inner_page .inner_dtls .main_dtls .box_01  ul.info_area li label{ display: block; }


.interior_inner_page .inner_dtls .main_dtls .box_02 ul.info_area{ width: 100%; float: left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between;  }

.interior_inner_page .inner_dtls .main_dtls .box_02  ul.info_area li{ flex: 0 0 15%; margin: 10px 0; }
.interior_inner_page .inner_dtls .main_dtls .box_02 ul.info_area li:nth-child(1){ text-align: right; font-size: 16px; }
.interior_inner_page .inner_dtls .main_dtls .box_02 ul.info_area li:nth-child(2){ flex: 0 0 85%; padding-left: 10px; }
.interior_inner_page .inner_dtls .main_dtls .box_02  ul.info_area li label{ display: block; }

.tbl_re_area{ width: 100%; float: left; padding: 50px 0; }
.tbl_re_area h3{ font-size: 18px; padding: 30px 0; }

.interior_inner_page .inner_dtls .main_dtls .box_01  ul.other_tbl{ width: 100%; float: left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between;  padding: 0px 0 0 50px; }

.interior_inner_page .inner_dtls .main_dtls .box_01  ul.other_tbl li{ flex: 0 0 100%; margin: 10px 0; }
.interior_inner_page .inner_dtls .main_dtls .box_01  ul.other_tbl li b{ font-weight: normal; }



.interior_inner_page .inner_dtls .main_dtls .box_01  ul.other_tbl li:nth-child(2) b, .interior_inner_page .inner_dtls .main_dtls .box_01  ul.other_tbl li:nth-child(4) b{ min-width: 80px; }



.interior_inner_page .cv_listing{ width: 100%; float: left; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;  padding: 50px 0;  }
.interior_inner_page .cv_listing h2{ font-size: 24px; margin-bottom: 20px; }
.interior_inner_page .cv_listing ul{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between; margin: 0px  0 0; }

.interior_inner_page .cv_listing ul li{ flex: 0 0 15%; text-align:center;  border-radius:3px; margin:10px 0; transition:ease-in .3s;  padding: 0px; position: relative; font-weight: bold; font-size: 18px; position: relative;}
.interior_inner_page .cv_listing ul li figure{ width: 100%; float: left; }
.interior_inner_page .cv_listing ul li figure img{ width: 100%; }



.interior_inner_page .inner_tab_area{ width: 100%; float: left; padding: 50px 0 0;  }
.interior_inner_page .inner_tab_area ul.nav-tabs{ border: none !important; }
.interior_inner_page .inner_tab_area ul.nav-tabs .nav-item{ margin-bottom: 0; margin-right: 5px; }
.interior_inner_page .inner_tab_area ul.nav-tabs .nav-link{ color: #020202; border-radius: 0; font-size: 14px; font-weight: bold; border: none; border-bottom: solid 2px transparent;   }
.interior_inner_page .inner_tab_area ul.nav-tabs .nav-link.active, .interior_inner_page .inner_tab_area ul.nav-tabs .nav-link:hover{ color: #fe5e00; border: none; border-bottom: solid 2px #fe5e00; margin-bottom: 0; }

.interior_inner_page .inner_tab_area h2{ font-size: 24px; margin-bottom: 20px; }
.interior_inner_page .inner_tab_area .tab-content{ padding: 0; }
.interior_inner_page .inner_tab_area  ul.home_listing{width:100%; float:left; display:flex; flex-flow:row wrap; align-items:stretch; justify-content: space-between; margin: 0px  0 0; }

.interior_inner_page .inner_tab_area ul.home_listing li{ flex: 0 0 32%; text-align:center;  border-radius:3px; margin:10px 0; transition:ease-in .3s;  padding: 0px; position: relative; font-weight: bold; font-size: 18px; position: relative; cursor: pointer;}
.interior_inner_page .inner_tab_area  ul.home_listing li figure{ width: 100%; float: left; }
.interior_inner_page .inner_tab_area  ul.home_listing li figure img{ width: 100%; }

.call_info_area{ width: 100%; float: left; padding: 25px 0; border-bottom: solid 1px #ccc;  }
.call_info_area .left_side{ width: 50%; float: left; }
.call_info_area .left_side li{ width: 50%; float: left; position: relative; min-height: 40px; margin: 10px 0 0; font-weight: bold;  }
.call_info_area .left_side li:nth-child(3){ padding-left: 50px; margin: 0;  }
.call_info_area .left_side li .scan{ position: absolute; }
.call_info_area .right_side{ width: 50%; float: left; text-align: center; }






/* The container */
.check_outer { display: inline-block; position: relative;  padding-left: 10px;  margin-bottom: 12px;  cursor: pointer;  font-size: 15px;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;}

.check_outer input { position: absolute;  opacity: 0;  cursor: pointer;  height: 0;  width: 0;}

.checkmark { display: inline-block; vertical-align: middle;   top: 5px;  right: 0px;  height: 20px;  width: 20px;  background:url(../images/check_box.png) no-repeat; margin-left: 5px; }

.check_outer input:checked ~ .checkmark {   background:url(../images/check_box_checked.png) no-repeat; margin-top: -5px;}



.interiour_design_area .dtls_area ul.other_tbl{ 
	width: 100%; float: left; display:flex; flex-flow:row wrap; align-items:stretch;
	 justify-content: space-between;  
	 padding: 25px; 
	 padding-left: 40px; 

	}

.interiour_design_area .dtls_area ul.other_tbl li{ flex: 0 0 50%; margin: 10px 0; }
.interiour_design_area .dtls_area ul.other_tbl li b{ font-weight: normal; }

.interiour_design_area .dtls_area ul.other_tbl li:nth-child(2), .interiour_design_area .dtls_area ul.other_tbl li:nth-child(4){ text-align: right; }


.interiour_design_area .dtls_area ul.other_tbl li:nth-child(2) b, .interiour_design_area .dtls_area ul.other_tbl li:nth-child(4) b{ min-width: 80px; }
.js-open-modal.btn {
	padding: 0;
}

/*Updated Css*/
.modal-content .form-control {
	max-width: 550px !important;
	display: inline-block;
	width: 100%;
    border-radius: 0px;
}
.modal-content label {
	width: 232px;
	text-align: right;
	vertical-align: top;
	margin-top: 6px;
}
.formbtn {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.btn.button.formsubmit {
	max-width: 330px;
	display: inline-block;
	width: 100%;
	background: #fe5e00;
	color: #fff;
}
.modal-header {
	padding: 8px 15px;
	background: none;
	border-radius: 0 !important;
	border: none;
}
.modal-body form {
	padding: 6% 0 8%;
}
.modal-content {
	border: 10px solid #fe5e00;
}
.tandc{
    padding: 30px 0;
}
.tandc h3{
    padding-bottom: 50px
}
.tandc p{
color: #000000;
}
.profilebreadcrumb p {
	font-size: 12px;
}
.registrationarea{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.regblock{
    float: left;
    width: 100%;
    background: #efefef;
    border-radius: 10px;
    padding: 20px 40px;
}
.regblock h3{
    font-size: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.regblock h4{
    font-size:18px;
    margin-bottom: 0px;
}
.sidebtn {
	float: left;
	width: 100%;
	text-align: center;
	padding: 70px 0;
}
.sidebtn a,.logbtn {
	background: #5a6771;
	color: #fff;
	display: inline-block;
	max-width: 125px;
	width: 100%;
	padding: 8px 0;
	border-radius: 10px;
	margin-top: 18px;
}
.loginform label{
    font-size: 16px;
    color: #525453;
}
.loginform p{
    font-size: 16px;
    color: #d4071c;
}
.loginform {
	float: left;
	width: 100%;
	padding: 40px 0;
}
.registercontainer{
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}
.registerform .form-control {
	width: 85%;
	display: inline-block;
    border-radius: 0px;
	/* float: left; */
}
.registerform label {
	display: inline-block;
	max-width: 15%;
	width: 100%;
	text-align: right;
	float: left;
	padding-right: 30px;
    margin-top: 6px;
}
.form-bottom p {
	/* text-align: right; */
	/* display: inherit; */
	/* width: auto; */
	/* float: right; */
	width: auto;
	display: inline-block;
	margin-top: 6px;
	padding-right: 20px;
}
.form-bottom {
	float: right;
    padding-top: 40px;
}
.subbtn {
	float: right;
}
.frombtnreg.btn {
	border: 2px solid #000000;
	border-radius: 0px;
	background: none;
	width: 140px;
}
.registercontainer h4{
    font-size: 16px;
}
.leftpad{
    padding-left: 40px;
}
.accountsidebar h4 {
	font-size: 16px;
	margin-top: 35px;
}
.accountsidebar {
	float: left;
	width: 100%;
	margin-top: 26px;
}
.accountsidebar ul li a {
	color: #444444;
	font-size: 14px;
}
.accountsidebar ul li {
    list-style: disc inside;
    line-height: 30px
}
.companybox {
	float: left;
	width: 100%;
	border: 1px solid #010101;
	margin-bottom: 25px;
}
.metainfo {
	display: inline-block;
	width: 100%;
	background: #010101;
	color: #fff;
    padding: 10px;
}
.metainfo p{
    color: #fff;
    font-size: 16px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.companydetails {
	display: inline-block;
	width: 100%;
	padding: 25px;
    text-align: center;
}
.companyname h5{
    font-size: 14px;
    color: #000;
}
.companydetails  a{color: #fa6b02; font-size: 14px;}
.companyname, .companylink, .companybtn {
	padding: 30px 0;
}
@media(max-width:767px){
    .modal-content label,.registerform label {
	width: 100%;
	text-align: left;
    max-width: 100%;    
}
    .registerform .form-control{
       width: 100%; 
    }   
.leftpad{
    padding-left: 0px;
}    
}

.loginform p a {
    font-size: 16px;
    color: #d4071c;
}