@charset "utf-8";
/* CSS Document */
*{ border:0px solid red;}
body{ padding:0; margin:0; font-family: 'Raleway', sans-serif; font-size:14px; color:#000; line-height:21px;}
h1,h2,h3,h4,h5,h6,p,ul,ol{ padding:0; margin:0;}
a{ text-decoration:none; outline:none;}
img{ max-width:100%; border:none;}
.wrapper{ width:1223px; margin:0 auto; box-sizing:border-box;}
/*....header section.....*/
.baner_wrap{ position:relative;}
.menu_wrap{ position:fixed; width:100%; top:0; padding:23px 0px; z-index:999; /*border-bottom:1px solid #c0bdac;*/}
.logo{ padding-right:5%; float:left;}
.nav{ float:left;}
.top_contact_right{ float:right; text-align:right; padding:17px 0 0 0; }
.phone{ background:url(../images/phone_ic.png) left 2px no-repeat; color:#fff; font-size:14px; padding:5px 25px 5px 35px;}
.mail{ background:url(../images/mail_icon.png) left 2px no-repeat; color:#fff; font-size:14px; padding:5px 0 5px 35px;}
.smaller .menu_wrap{ background:#fff; padding:10px 0px;}
.smaller ul.slimmenu li a { color: #2e2e2e;}
.smaller .phone{ background:url(../images/phone_ic_sc.png) left 2px no-repeat; color:#2e2e2e;}
.smaller .mail{ background:url(../images/mail_icon_sc.png) left 2px no-repeat; color:#2e2e2e;}
/*....header section.....*/
.welcome_wrap{ background:url(../images/kitchenbg.jpg) center top no-repeat; background-size:cover; padding:99px 0 65px; text-align:center;}
.welcome_wrap h1{ color:#000000; font-size:45px; line-height:46px; letter-spacing:6px; margin-bottom:16px; font-weight:bold; text-transform:uppercase; }
.welcome_wrap h4{ color:#7b8f8d; font-weight:500; margin-bottom:14px; font-size:16px; font-style:italic; padding:0 12%; line-height:24px;}
.kit1{ width:30%; float:left;}
.kit2{ width:40%; float:left;}
.kit3{ width:30%; float:right;}
.room_wrap{ padding-top:51px;}
.inerroom{ margin-bottom:33px; text-align:right;}
.inerroom img{ float:right; margin-left:17px; margin-bottom:40px;}
.inerroom h2{ font-size:16px; color:#6c7473; margin-bottom:9px; font-weight:bold; padding-top:7px;}
.inerroom p{ color:#000;}

.inerroom1{ margin-bottom:33px; text-align:left;}
.inerroom1 img{ float:left; margin-right:17px; margin-bottom:40px;}
.inerroom1 h2{ font-size:16px; color:#6c7473; margin-bottom:9px; padding-top:7px;}
.inerroom1 p{ color:#000; }
.clear{ clear:both;}

/* .iner_pr1{ padding:45px 30px 30px; width:50%; float:left; text-align:center; box-sizing:border-box; position:relative; min-height:649px;} */
.iner_pr1{ padding:45px 30px 30px; text-align:center; box-sizing:border-box; position:relative; background-color: #cef0ff;}
.iner_pr1:nth-child(2n+1), .iner_pr1:hover:nth-child(2n+1) .iner_pr_slt{background-color:#a4e5ff !important;}
.iner_pr_slt{ position:absolute; z-index:-1; opacity:0; vertical-align:middle; width:100%; height:100%; color:#6c7473; box-sizing:border-box; padding:45px 30px 30px; left:0; top:0;  }
.iner_pr_slt_iner{ display: table-cell ; color:#6c7473; height:100%; flex-direction: column; justify-content: center; box-sizing: border-box; line-height:30px; will-change: left; left:30% ;  -webkit-transition: left .3s ease;
-moz-transition: left .3s ease;
transition: left .3s ease;}
.iner_pr_slt_iner p{ min-height:200px !important; line-height:30px !important; }
.iner_pr1:hover .iner_pr_slt{
	background-color: #cef0ff;
}
#product, #profile{
	overflow: hidden;
}

/*.iner_pr1:active .iner_pr_slt{ display:block; left:0;}
.iner_pr1:focus .iner_pr_slt{ display:block; left:0;}*/
.iner_pr1 img{}
.iner_pr1 h3{ color:#6c7473; font-size:28px; font-weight:bold; padding:34px 0 15px; line-height:29px;}
.iner_pr1 p{ color:#000; margin:0px 0 28px 0; min-height:150px; line-height:25px;}

.application{ display:inline-block; margin-right:0%; background:url(../images/application.png) no-repeat; width:173px; height:46px; line-height:46px; color:#fff; font-weight:bold; padding-left:26px;  text-align:left; box-sizing:border-box; text-transform:uppercase;}
.pdf:hover{ background:url(../images/pdf_hover.png) no-repeat; }
.application:hover{ background:url(../images/application_hover.png) no-repeat;}
.pr_bg1{ background:#a4e5ff;}
.pr_bg2{ background:#cef0ff;}

.project_wrap{ background:#f4f1f1; padding:99px 0; text-align:center;}
.project_wrap h2{ color:#000000; font-size:45px; line-height:46px; letter-spacing:6px; margin-bottom:2px; font-weight:bold; text-transform:uppercase; }
.project_wrap h4{ color:#7b8f8d; font-weight:500; margin-bottom:14px; margin-top:14px; font-size:16px; font-style:italic; padding:0 12%; line-height:24px;}
.project_wrap_carousel{ padding-top:37px;}
/*...............................above footer style..........................*/

.footer_top_wrap {
	background: url(../images/footer1.jpg) center top no-repeat; background-size:cover;
	padding: 50px 0 50px 0;
}
.ab_cont1 {
	width: 30%;
	float: left;
}
.ab_cont1 h2 { padding-bottom: 28px; color: #feffff; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 29px;}
.ab_cont1 p {
	color: #fff
}
.ab_cont2 {
	width: 40%;
	float: left;
}
.ab_cont2 h2{padding-bottom: 28px; color: #feffff; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 29px;}
.iner_ab_cont1 {
	width: 216px;
	float: left;
}
.iner_ab_cont1_iner {
	line-height: 24px;
	box-sizing: border-box;
	color: #fff;
	margin-bottom: 17px;

}
.iner_ab_cont1_iner img {
	float: left;
	margin-right: 4%;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.iner_ab_cont1_iner img:hover {
	transform: translateY(-8px);
}
.iner_ab_cont1_iner a {
	color: #fff;
}
.iner_ab_cont2 {
	width: 251px;
	float: left;
}
.iner_ab_cont2_inner { color:#fff;

}
.iner_ab_cont2_inner img {
	float: left;
	margin-right: 4%;
	margin-bottom: 40px;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.iner_ab_cont2_inner img:hover {
	transform: translateY(-8px);
}
.ab_cont3 {
	width: 20%;
	float: left;
}
.ab_cont3 h2{padding-bottom: 28px; color: #feffff; font-size: 24px; font-weight: bold; text-transform: uppercase; line-height: 29px;}
.ab_cont3 a img {
	margin-right: 5px;
}
.gap_iner_ab {
	margin-right: 2%;
}
.google_map {
	border: 1px solid #1cbddf;
	line-height: 35px;
	width: 185px;
	text-align: center;
	color: #3a4c5d;
	margin-top: 11px;
	display: block;
	border-radius: 4px;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.google_map:hover {
	border: 1px solid #24C564;
	transform: translateY(-8px);
	color: #24C564;
}
.gap_cont2 {
	margin: 0 5%;
}
.facebook {
	background: url(../images/facebook.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.facebook:hover {
	background: url(../images/facebook_hover.png) no-repeat;
	transform: translateY(-8px);
}
.youtube {
	background: url(../images/youtube.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.youtube:hover {
	background: url(../images/youtube_hover.png) no-repeat;
	transform: translateY(-8px);
}
.twitter {
	background: url(../images/twitter.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.twitter:hover {
	background: url(../images/twitter_hover.png) no-repeat;
	transform: translateY(-8px);
}
.linkedin {
	background: url(../images/linkedin.png) no-repeat;
	width: 24px;
	height: 24px;
	display: inline-block;
	transform: translateZ(0px);
	transition-duration: 0.3s;
	transition-property: transform;
	transition-timing-function: ease-out;
}
.linkedin:hover {
	background: url(../images/linkedin_hover.png) no-repeat;
	transform: translateY(-8px);
}
/*...............................above footer style..........................*/
.footer{ background:url(../images/footer2.jpg) center top no-repeat; background-size:cover; padding:22px 0; position:relative;}
.foot1{ width:48%; float:left;}
.foot1 ul{ padding:0; margin:0;}
.foot1 ul li{ display:inline-block; padding:0 19px;}
.foot1 ul li:first-child{ padding:0 19px 0 0;}
.foot1 ul li a{ color:#fff; font-size:13px; text-transform:uppercase; line-height:20px;}
.foot1 ul li a:hover{ color:#b1b1b1;}
.foot2{ width:48%; float:right; text-align:right; color:#b1b1b1;}
.foot2 a{ color:#b1b1b1;}
.foot2 a:hover{ color:#fff;}
.scrollUp { background:url(../images/round_1.png); background-repeat: no-repeat;
    border-radius: 0%;
    bottom: 0px !important;
    display: inline-block!important;
    height: 39px;
    position: absolute; right:1%; bottom:1%;  transition: all 250ms linear 0s;
    width: 39px ; z-index:999 !important; outline:none !important;
}
.active{ color:#ff0000;}
.activemenu{ color:#ff0000;}
.close{ position:absolute; top:0; right:2%; font-size:16px; color:#000; font-weight:bold;}

/*01-03-2017*/

/****20-10-2020*****/

.product_wrap{display: flex; flex-wrap: wrap; padding: 99px 0 96px 0; text-align: center;}

.product_wrap_top{overflow: hidden; margin: 0 0 30px 0;}

.product_box{width: 31.33%; margin: 0 1% 30px 1%; background-color: #a4e5ff; padding: 30px; text-align: center; float: left; box-sizing: border-box; min-height: 670px; position: relative;}

.product_box:nth-child(2n+2){background-color: #cef0ff;}

.product_box h3{color: #6c7473; font-size: 28px; font-weight: bold; padding: 34px 0 15px; line-height: 29px;}

.product_box p{color: #000; margin: 0px 0 28px 0; line-height: 25px;}

.pdf{display:block; background:url(../images/pdf.png) no-repeat; width:200px; height:46px; line-height:46px; color:#fff; font-weight:bold; padding-left:26px; text-align:left; box-sizing:border-box; text-transform:uppercase; margin: 0 auto; position: absolute; left: 0; right: 0; bottom: 30px;}

.product_wrap h2{ color:#000000; font-size:45px; line-height:46px; letter-spacing:6px; margin-bottom:2px; font-weight:bold; text-transform:uppercase; }

.product_wrap h4{ color:#7b8f8d; font-weight:500; margin-bottom:14px; margin-top:14px; font-size:16px; font-style:italic; padding:0 12%; line-height:24px;}
























/**/