/*
Theme Name: Kanoria Child
Description: This is a child theme for Kanoria Theme
Template: kanoria
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.widget-title {font-family:"Gruppo";}
.ImgCurve img {border-radius:15px;}
.container-width, .full-width .ubermenu-nav, .container, .row {
	width: 94%;
    max-width: 94% !important;
}
.section-title-container {
    width: 100% !important;
    max-width: 100% !important;
	margin:0px;
	margin-top:10px;
}
.floatl {float:left; margin-right:12px;}
.floatr {float:right; margin-left:12px;}
.mobRow {width: 100% !important; max-width: 100% !important;}
.clrbox {width:48%; height:80px; display:inline-block; margin:15px 8px; padding:18px 15px; color:#ffffff; line-height:1.2; vertical-align:middle; border-radius:12px;}
.clrbox .icon {display:inline-block; margin-right:10px; }
.clrbox .ln {display:inline-block; width:85%; min-height:24px; vertical-align:middle; font-size:110%; margin:0px; padding:0px; }
.clrbox .rn {display:inline-block; width:85%; min-height:40px; vertical-align:middle; font-size:110%; margin:0px; padding:0px; }
.marronlt { background:#bf2a26; }
.marrondk { background:#8a1310; }
.black { background:#191919; }
.grey { background:#5a656f; }
.wht-txt {color:#fff;}
.icl {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    background-color: #e39e9d;
    width: 55px;
    height: 55px;
    padding-top: -5px;
    padding-right: 25px;
    border-radius: 20px;
    text-align: center;
    margin: 0 16px 20px 0;
    vertical-align: top;
}
.icl .fa, .icl2 .fa {
    font-size: 150%;
    color: #fff;
}
.icl i {
    border: 2px solid #fff;
    background-color: #bf2926;
    padding: 8px 4px;
    width: 47px;
    height: 47px;
    border-radius: 15px;
    text-align: center;
}
.rgt-bx {
    width: 76%;
    display: inline-block;
    margin-bottom: 10px;
}
.icl2 {
    display: inline-block;
    width: 48px;
    height: 48px;
	border: 2px solid #fff;
    border-radius: 13px;
    text-align: center;
    margin: 0 16px 20px 0;
	padding:8px;
    vertical-align: top;
}
.rgt-bx h5, .rgt-bx p{
   line-height:1.2;
}
.our-skills {
    background: #bf2926 url("http://kplindia.in/wp-content/uploads/2021/09/injection-molding.png") no-repeat center center; background-size:cover; border-radius:20px;
}
.our-skills1 {
    background: #161616 url("http://kplindia.in/wp-content/uploads/2021/09/injection-molding.png") no-repeat center center; background-size:cover; border-radius:20px;
}
.our-skills1 .active .col-inner {border-radius:10px; background:rgba(0,0,0,0.5); padding:5px;}
.contn { 
    margin:0;
	padding:10px;
}
.contn:after, .contn:before {
    display: block;
    content: " ";
}
.contn:after {
    clear: both;
}
.process {
    width: 1001px;
    margin: 15px auto;
    cursor: default;
}
.process-items {
    display: table;
    margin: 0 0 10px;
    padding: 0;
    list-style-type: none;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    font-family: Cabin,sans-serif;
}
.process-items li {
    display: table-cell;
    width: 14%;
    vertical-align: bottom;
    -webkit-transform: scale(.70) translateY(40px);
    -ms-transform: scale(.70) translateY(40px);
    transform: scale(.70) translateY(40px);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s; 
}
.process-items li.active {
	color:#000;
    -webkit-transform: scale(1.1) translateY(0);
    -ms-transform: scale(1.1) translateY(0);
    transform: scale(1.1) translateY(0);
}
.process-items li a {color:#fff;}
.process-items li.active a {color:#000;}
.process-image {margin:0; padding:0; list-style-type: none;}
.process-image i {
    display:inline-block;
    width: 13.9%;
	min-height:80px;
	margin:0px;
	margin-left:0px !important;
	padding:0px;
	text-align:center;
    vertical-align: bottom; 
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s; 
}
.process-image i img { 
	width:60%;
    -webkit-transform: scale(0.6) translateY(20px);
    -ms-transform: scale(0.6) translateY(20px);
    transform: scale(0.6) translateY(20px);
}
.process-image i img:hover, .process-image i.active img { 
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.crvImg .col-inner .img-inner:before {
  position:absolute;
  content:"";
  margin: 5%;
  width: 0;
  height: 86%;
  border-top:2px solid #bf2926;
  border-bottom:2px solid #bf2926; 
  transition: width 1s ease;
  }

.crvImg .col-inner .img-inner:hover:before {
    width: 90%;
  }
.crvImg .col-inner .img-inner img {border-radius:4px;}
.list1 {
    list-style-image: url(http://kplindia.in/wp-content/uploads/2021/10/list-arrow2.png);
	margin-top: 5px;
	margin-left: 10px;
    line-height: 24px;
}
.list1 li {
    padding: 0px;
    margin-bottom: 10px;
}
.indusTab {position:relative; left:2%; margin:12px 0; padding:15px 15px 10px 20px; width:94%; border:1px solid #efc9c9; border-radius:20px; background-color:#f6e5e5;}
.indusTab strong {font-size:90%; text-transform:uppercase; color:#191919;}
.indusTab ul {list-style-type:circle; line-height:1.2;}
.enqBtn {
    position: fixed;
    right: 0px;
    top: 65%;
    padding: 5px;
    width: 30px;
    height: 110px;
    background-color: #bf2a26;
    color: #fff;
    font-family: "times";
    font-size: 80%;
    letter-spacing: 6px;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    z-index: 99;
    border-top-left-radius:6px;
    border-bottom-left-radius:6px;
}

.enqBtn:hover {
    background-color: #191919;
    color: #fff;
}
.mgIcon p { line-height: 1.3; font-size:110%; }
.mgIcon .icon-box {margin-bottom:12px; min-height:60px;}
.mgIcon .icon-box-img , .mgIcon .icon-box-text {vertical-align:middle;}
.sevIcon {max-width:100px;}
.client-logo img {max-width:200px !important;}
.tpb15 .icon-box-text p {padding-top:12px;}
.part33 {display:inline-block; width:32%; margin:0px 6px; vertical-align:top;}
.part50 {display:inline-block; width:48%; margin:0px 6px; vertical-align:top;}
.icon-box .icon-box-img, .icon-box .icon-box-text {vertical-align:middle !important;}
.pt1 {padding-top:8px;}
.pt2 {padding-top:16px;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.desktop-only {display:none;}
.rgt-bx {
    width: 82%;
    display: inline-block;
    margin-bottom: 10px;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
	width: 100%;
    max-width: 100% !important;
}
.m0p0 {margin:0px !important; padding:0px 6px!important;}
.mgIcon .icon-box-text {min-height:60px;}
.our-skills { display:none; }
.clrbox { width:100%; height:70px; display:block; margin:25px 0px; padding:10px 8px; }
.clrbox .icon { display:inline-block; margin-right:10px; }
.clrbox .ln, .clrbox .rn { width:70%; min-height:45px; vertical-align:middle; font-size:94%; }
.button {margin:10px 0;}
.tpb15 .icon-box-text p {padding-top:0;}
.part33, .part50 {display:block; width:98%; margin:0 5px; }
.part33 ul, .part33 ol { margin-bottom:0px; }

}

@media only screen and (max-width: 30em) {
/*************** ADD SMALL MOBILE ONLY CSS HERE  ***************/
	.rgt-bx {
    width: 78%;
    display: inline-block;
    margin-bottom: 10px;
	}
}