@import url('https://fonts.googleapis.com/css?family=Raleway:200,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Encode+Sans+Semi+Condensed');

html{scroll-behavior: smooth;}
body { font-family:'Poppins', sans-serif; background:url(../images/body-bg.png) center repeat fixed; color:#353535; font-size:0.9rem;} 

h1,h2,h3,h4,h5,h6 {font-family:'Poppins', sans-serif;  } 
a{color: #ff120a; transition: all 0.5s ease 0s; text-decoration: none;}
a:hover{color: #333; text-decoration: none; transition: all 0.5s ease 0s;}
p { font-family:'Poppins', sans-serif;} 

.max-cntr{ max-width: 1330px; margin: 0 auto;}
.max-cntr .row{ margin-right:0 !important;}
.body-part{ border:1px solid #e9e9e9; border-radius:10px; padding:30px; min-height:450px; margin-top:30px; background-color:rgba(255,255,255,0.4);}
.inner-part{ padding-bottom:70px; margin:0px; padding-right: 15px; padding-left: 15px;}
.top-bar{position: absolute;z-index: 10; width:auto; top: 00px; font-size: 16px; color: #ffffff; background:#f00; padding:8px; border-radius:150px; right:0px; top:-25px;}
.top-bar a{color: #ffffff;}
.top-bar i{ width:35px; height:35px; background:#fff; border-radius:100px; color:#f00; line-height:35px; text-align:center; font-size:18px;}

.app-bar{position:absolute; width:auto; font-size: 16px; color: #ffffff; background: rgba(0,0,0,0.6); padding:10px 20px 10px 30px; border-radius:0 0px 20px 20px; right:0px; top:92px;}
.app-bar a{color: #ffffff;}
.app-bar i{ width:30px; height:30px; background:#f00; border-radius:100px; color:#fff; line-height:30px; text-align:center; font-size:16px;}
.app-bar:hover{background: rgba(255,0,0,0.6);}
.app-bar:hover i{ background:#fff; color:#f00; }
.top-bar a:hover{ color:#FC0;}

.tp1{ text-align: right; font-size:16px;}
.tp-email{margin-right: 10px;}
.tp-email:last-child{margin-right: 0px;}
.tp2{ text-align: right;}
.tp-social a{border-right: 1px solid rgba(255, 255, 255, 0.3); padding:0 8px;}
.tp-social a:last-child{border-right:0 none;}
.tp-social a i{font-size: 18px;}

.navbar{ padding:0; top:0px;}
.navbar-light .navbar-toggler{ outline:none; border:none;}
.navbar-toggler:not(:disabled):not(.disabled){ border:1px solid #33C;}

.nav-bg{ position: absolute; width: 100%; z-index: 11; top: 40px; transition: all 0.5s ease 0s; background:rgba(0,0,0,0.4); border-bottom:rgba(255,255,255,0.4) 1px solid; border-top:rgba(255,255,255,0.4) 1px solid;}
li.nav-item{padding: 0 0px;}
li.nav-extra{ display:none;}
.navbar-light .navbar-nav .nav-link{ font-size: 16px; font-weight: 400; color: #fff; text-transform:uppercase; padding: 45px 15px 18px; position: relative; border-bottom:rgba(0,0,0,0.0) 4px solid;}
.navbar-light .navbar-nav .nav-link:hover{ color:#fff; border-bottom:#ff120a 4px solid;}
.navbar-light .navbar-nav .nav-link i{ font-size:20px; padding:0 10px; }
li.nav-item > a:after{ position:absolute; width:0; content:""; left:50%; bottom:0; transition: all 0.3s ease 0s; z-index:-1; opacity: 1; border: 0 none;}
li.nav-item:hover > a:after{ left:0; width:100%; opacity: 1; }
.navbar-light .navbar-nav .nav-link span{ display:none;}
.navbar-light .navbar-brand img{ width:85%;}
 
.sticky { position: fixed; top: -1px; width: 100%;}
.sticky .navbar{ top:35px;}
.sticky .navbar-brand img{width: 67%; margin-top: -10px; }
.sticky.navbar-light .navbar-nav .nav-link{ padding:23px 15px 8px;}
.sticky.nav-bg{ height:95px;  background:rgba(0,0,0,0.8); }
.sticky .top-bar{ padding:5px;}
.sticky .top-bar i{ width: 30px; height: 30px; line-height: 30px; font-size: 15px;}
.sticky .app-bar{ top:59px; background:rgba(0,0,0,0.9)}
.sticky .app-bar:hover{ background:rgba(255,0,0,0.9)}

/* Banner Styles */
.carousel-inner-page{ position: relative; width: 100%; overflow: hidden; background: #0068b6;}
.banner-inner{ position:relative;}
.banner-content-inner{ position:absolute; position: absolute; bottom:0%; left: 0; text-align:right; width: 100%; z-index: 3;}
.inner-banner{ padding:0; text-align:center}
.navbar-brand{padding-top: 0;}
.banner-content-inner h1 span{ font-size:40px; color: #fff; text-transform:uppercase; font-weight:800; padding:8px 20px; border-left:5px solid #f00; height:95px; background-color:#24262c; display:block; line-height:34px; text-align:left;}
.banner-content-inner h1 span small{ font-size:25px; font-weight:400; text-transform:none;}
.banner-content-inner ul { margin:0; padding:0;}
.banner-content-inner ul li{ list-style:none; font-size:14px; color:#000; font-weight:normal; display:inline-block;}
.banner-content-inner ul li a{ color:#0068b6; font-weight:600;}
.banner-content-inner ul span{ color:#000;}
.banner-content-inner  h1{ margin-top:-160px; float:left; margin-left:20px; }

.inner-wrapper{ background:url(../images/innerbg.png);}
.table{ border:#222 1px solid;}
.table thead th{ background: #444; padding:10px; color:#fff; border-bottom:2px solid #222;}
.table-bordered td, .table-bordered th{ border:1px solid #ccc;}
.table-bordered td{ color:#333; padding:10px;}
.table tr:nth-child(odd){ background:#f1f1f1;}

/* BackToTop button css */
#scroll { position:fixed; right:15px; bottom:15px; cursor:pointer; width:40px; height:40px; background:url(../images/top-up.png) no-repeat 0px 0px;text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:0px; z-index:999;}
#scroll span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff }
#scroll:hover {background:url(../images/top-up2.png) no-repeat 0px 0px;opacity:1;filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)";}

/* Home Product Tab css */
.homepro_cont{ padding:0px; margin:0px;}
.hompro-tab{ width:100%;}
.hompro-tab .nav-tabs{ text-align:center; border-bottom:1px solid #fff; display:block; float:left; width:35%;}
.hompro-tab .nav-tabs > li{ margin:0 5px 0 0;}
.hompro-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.hompro-tab .nav-tabs-custom > .nav-tabs > li{  background-color: #f1f1f1;  padding:0px 0px; display:block; margin:0px;}
.hompro-tab .nav-tabs-custom > .tab-content{ background:url(../images/protab_bg.jpg) repeat center; padding:40px 60px; border:0 none; min-height:465px; float:right; width:65%;}
.hompro-tab .nav-tabs > li{ position:relative;}
.hompro-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:30px 0px; font-size:17px; color:#333; border-bottom:1px dotted #ccc; display:block; text-align:left; padding-left:30%;}
.hompro-tab .nav-tabs-custom > .nav-tabs > li.active > a, .hompro-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{ background-color:#cb0606; color:#fff; border-color:#e61e1e; display:block;}
.hompro-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#fff; background: #cb0606; z-index:1;}
.hompro-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.hompro-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff;}
.hompro-tab .nav-tabs > li i{ padding:0 3px 0 0;}

/* Home Project css */
.homproj_cont{ padding:40px 0; margin:auto;}
.homproj_cont h1{color: #cb0606; font-size: 40px; font-weight: 200; padding:0px; margin:0px; text-align:center;}
.homproj_cont h1 small{color: #000; font-size: 22px; font-weight: 400; display: block; padding-bottom:10px;}
.homproj_cont h2{color: #cb0606; font-size: 28px; font-weight: 400; padding-bottom:15px; text-align:center;}
.homproj_cont h2 span{ font-size: 28px; font-weight: 800; text-transform:uppercase;}
.homproj_cont .projlist{ text-align:center;}
.homproj_cont .projlist .projarea{ max-width:1600px; margin:auto; }
.homproj_cont .projlist .projbox{ padding: 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0px; }
.homproj_cont .projlist .projbox img { height: 461px; max-height: 461px; width: auto; max-width: 400px; margin:0px; padding:0 1px 0 0;} 

.overlay {  position: absolute;  bottom: 30px;  left: 0px;  right: 0;  background-color: #cb0606;  overflow: hidden;  width: 100%;  height: 55px;  transition: .5s ease; border-right:#fff 1px solid;}
.projbox:hover .overlay {  height: 160px;}
.text {	font-size:15px; color:#fff; top: 85px; left: 50%; padding:20px 30px;	text-align: justify; position: relative; -webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.text strong{ font-size:20px; color:#ffe981; font-weight:400; display:block; padding:10px 0;}
.text a{ display:inline-block; background:#ffe981; font-size:15px; color:#333; padding:5px 10px; margin:20px 0;}
.text a:hover{ background:#222; color:#fff;}

/* About Our Product Super One */
.homproj_cont { padding:40px 0; margin:auto; background:#bb0e23 url(../images/bg3.jpg) no-repeat top center; position: relative; overflow: hidden; } 
.lines { position: absolute; top: 0; left: 0; right: 0; height: 100%; margin: auto; width: 90vw; } 
.lines .line { position: absolute; width: 1px; height: 100%; top: 0; left: 50%; background: transparent; overflow: hidden; } 
.lines .line::after { content: ""; display: block; position: absolute; height: 15vh; width: 100%; top: -50%; left: 0; background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffc8cf 75%, #ffc8cf 100%); -webkit-animation: run 1s 0s infinite; animation: run 7s 0s infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97); } 
.lines .line:nth-child(1) { margin-left: -25%; } 
.lines .line:nth-child(1)::after { -webkit-animation-delay: 2s; animation-delay: 2s; } 
.lines .line:nth-child(3) { margin-left: 25%; } 
.lines .line:nth-child(3)::after { -webkit-animation-delay: 2.5s; animation-delay: 2.5s; } 
.lines .line:nth-child(4) { margin-left: 15%; } 
.lines .line:nth-child(4)::after { -webkit-animation-delay: 3s; animation-delay: 3s; } 
.lines .line:nth-child(5) { margin-left: 5%; } 
.lines .line:nth-child(5)::after { -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } 
@-webkit-keyframes run { 
 0% { top: -50%; } 
 100% { top: 110%; } 
 }
 
@keyframes run { 
 0% { top: -50%; } 
 100% { top: 110%; } 
 }

.homproj_cont{ background: url(../images/uniform_bg.jpg) repeat-y top;}
.homproj_cont .area{ background:url(../images/contact_img_bg.png) no-repeat left top; display:flex; flex-direction:row; padding:50px 0px 20px;}
.homproj_cont .area .left{ width:28%; padding-left:30px;}
.homproj_cont .area .right{ width:72%;}

.homproj_cont h1 { font-size:27px; color:#000; padding:20px; margin:0px; font-weight:300; line-height:31px; text-align:left;
background-image: linear-gradient(to right, rgba(255,255,255,0.5), rgba(255,255,255,0.0));  } 
.homproj_cont h1 span {text-transform:uppercase; font-size:45px; color:#f00; font-weight:700; display:block; width: 100%; margin-top: 5px; } 
.homproj_cont p{ font-size:15px; color:#333; line-height:21px; text-align:justify; padding:25px 0;}
.homproj_cont h2 { color: #cb0606; font-size: 28px; font-weight: 400; padding-bottom:15px; text-align:center; } 
.homproj_cont h2 span { font-size: 28px; font-weight: 800; text-transform:uppercase; } 
.homproj_cont .projlist { text-align:center; } 
.homproj_cont .projlist .projarea { max-width:1600px; margin:auto; } 
.homproj_cont .projlist .projbox { padding: 0px 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align:center; margin: 0px 10px; transition: 0.4s; } 
.homproj_cont .projlist .projbox:hover .stage { background-color: #900101; transition: 0.4s; } 
.homproj_cont .projlist .projbox:hover .prodet a { background-color: #fff; transition: 0.4s; color: #f00; text-shadow: none; } 
.homproj_cont .projlist .projbox .stage { width:100%; height:50px; background:#ff0000; bottom:0px; -webkit-clip-path: polygon(15% 0, 85% 0, 100% 100%, 0% 100%); clip-path: polygon(15% 0, 85% 0, 100% 100%, 0% 100%); transition: 0.4s; } 
.homproj_cont .projlist .projbox .proimg { display:flex; width:70%; z-index:2; transition:0.4s; position: relative; justify-content: center; background:rgba(255,255,255,0.5); border:#fff 1px solid; border-bottom:none; margin:auto;} 
.homproj_cont .projlist .projbox .proimg:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top:105%; height:18px; width: 65%; opacity: 0; background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 80%); background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.45) 0%, rgba(0, 0, 0, 0) 80%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; transition: 0.4s; } 

.homproj_cont .projlist .projbox:hover .proimg img { transition:0.4s; -webkit-transform: translateY(-10px); transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); } 
.homproj_cont .projlist .projbox:hover .proimg:before { opacity: 1; -webkit-transform: translateY(5px); transform: translateY(5px); } 
.homproj_cont .projlist .projbox .proimg img { max-height: 250px; width: auto; max-width: 400px; margin:15px 0 0 0px; padding:0 1px 0 0; bottom:-25px; transition: 0.4s; position:relative;} 
.homproj_cont .projlist .projbox .prodet { background:#b50101; padding:20px 10px; display:block; width:100%; transition: 0.4s; text-transform:uppercase;} 
.homproj_cont .projlist .projbox .prodet p { font-size: 14px; color:#333; } 
.homproj_cont .projlist .projbox .prodet h3 { font-size:17px; color:#fff; padding:5px 0; text-shadow: 1px 1px rgba(0,0,0,0.5); margin:0px;} 
.homproj_cont .projlist .projbox .prodet a { color:#fff; transition: 0.4s; padding:10px; } 
.homproj_cont .projlist .projbox .prodet a:hover { color:#f00; background:#fff; text-shadow: none; } 

.overlay { position: absolute; bottom: 30px; left: 0px; right: 0; background-color: #cb0606; overflow: hidden; width: 100%; height: 55px; transition: .5s ease; border-right:#fff 1px solid; } 
.projbox:hover .overlay { height: 160px; } 
.text { font-size:15px; color:#fff; top: 85px; left: 50%; padding:20px 30px;text-align: justify; position: relative; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } 
.text strong { font-size:20px; color:#ffe981; font-weight:400; display:block; padding:10px 0; } 
.text a { display:inline-block; background:#ffe981; font-size:15px; color:#333; padding:5px 10px; margin:20px 0; } 
.text a:hover { background:#222; color:#fff; } 

/* About Link */
.about-link{ padding-top:10px;}
.title-tab{  text-align:center;}
.title-tab a{margin: 0; padding:0px 18px 3px; position: relative; display: inline-block;  color:#0168b6; }
.title-tab a.active{ color:#333;}
.title-tab a:hover{ color:#222;}
.title-tab a:after{margin: 0; padding: 0; border-left: 3px solid #d5d8da; position: absolute; content: ""; height: 10px; left: 0; top: 8px; transition: all 0.5s ease 0s; width: 0;}
.title-tab a:hover:after{margin: 0; padding: 0; border-left: 0px solid #d5d8da; border-bottom: 2px solid #0068b6; height: 10px; left: 0px; top: auto; bottom: 0px; width: 100%; transition: all 0.5s ease 0s; }

.about-page{width: 100%; border-bottom: 1px dashed #cfcfcf; padding: 0px 0px 20px; margin:0px 0px;}
.about-page:last-child{ border-bottom:none; padding-bottom:0;}
.about-page .about-pltr{ width: 100%; padding: 0px 0px 0px 0;}
.about-page .about-pltr span i{ background:#0168b6; width:33px; height:33px; text-align:center; padding-top:11px; font-size:12px; border-radius:50px; font-family:fontAwesome; color:#fff; margin-right:5px;}
.about-page .about-pltr span{ padding:0px 0px 00px; }
.about-page .about-pltr span em{ font-style: normal; font-size:18px; text-transform:none; font-weight:500; color:#444; padding-top:4px;}
.about-page .about-prtr{ width: 100%; margin-top:10px; display:flex; transition:0.4s; position:relative;}
.about-page .about-prtr:hover{ box-shadow:none; transition:0.4s;}
.about-page .about-pltr h1{ color: #f00; font-size: 40px; font-weight: 800; text-transform: uppercase; padding: 10px 20px; margin: 0px; background: url(../images/title_bg.png) no-repeat left; line-height: 36px;}
.about-page .about-pltr h1 small{color: #000; font-size: 22px; font-weight: 400; display: block; text-transform: capitalize;}

.about-page .about-pltr h3{float:right; }
.about-page .about-pltr h3 a{color: #fff; border: 1px solid #ce0700; background: #ff120a; border-radius: 3px; padding:4px 10px 3px; margin-top: 15px; transition: 0.4s;
font-size: 12px; text-transform: none; font-weight: 500;}
.about-page .about-pltr h3 a i{ padding-right:5px;}
.about-page .about-pltr h3 a:hover{border: 1px solid #111; background: #333;}

.about-page .about-pltr h2{color: darkred; font-size: 16px; font-weight: 800; display: block; text-transform:uppercase; padding:0px; margin:0 0 5px 0;}
.about-page .about-pltr h4{color: darkred; font-size: 16px; font-weight: 800; display: block; text-transform:uppercase; padding:0px 0 5px 0; margin:0 0 25px 0; border-bottom:#ccc 1px dashed;}
.about-page .about-pltr h5{color: darkred; font-size: 16px; font-weight: 800; display: block; text-transform:uppercase; padding:0px 0 5px 0; margin:20px 0 7px 0; border-bottom:#ccc 1px dashed;}

.about-page .about-pltr em{ font-size:20px; padding-top:15px; color:#333; font-weight:300; font-style:italic;}
.about-page .about-pltr p{color: #444; font-size: 15px; line-height:1.7; font-weight:normal; text-align: justify; }
.about-page .about-pltr ul{ margin:0; padding:0 0 00px 0;}
.about-page .about-pltr ul li{ line-height:1.7; list-style:none; background:url(../images/arrow2.png) left 0px top 11px no-repeat; padding-left:12px; color:#333;}

.about-page .about-prtr img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.about-page .about-prtr .wrtr{ margin:auto; padding:40px 0 0 0;}
.about-page .about-prtr .wrtr .pro_imgshape{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
background:#f00; padding:5px; transition: all 0.5s ease 0s;}
.about-page .about-prtr .wrtr .pro_imgshape1{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
background:#fff; padding:4px 5px 4px 4px; transition: all 0.5s ease 0s;}
.about-page .about-prtr .wrtr .pro_imgshape1 img{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); width:100%;}

.about-page .about-prtr .wrtr .cutpice{ width:200px; height:200px; background:#f00; position:absolute; z-index:5; top:70px; margin-left:30px; transition: all 0.5s ease 0s;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0); clip-path: polygon(0 0, 0% 100%, 100% 0);}
.about-page .about-prtr .wrtr .cutpice1{ position:absolute; z-index:999; top:0px; right:0px; transition: all 0.5s ease 0s;}

.prj-cont{ width:100%; border:1px solid #e1e9ed; padding:20px; margin:15px 0; background:#fdfdfd;}
.prj-cont .cont{ font-size:15px; color:#333;}
.prj-cont .cont span{ display:flex; border-bottom:#ccc 1px dashed; padding:10px 0 10px 0;}
.prj-cont .cont span em{font-size:15px; font-weight:600; color:darkred; text-transform:none;; display:inline-block;  width:20%;}
.prj-cont .cont span small{font-size:15px; color:#333; display:inline-block; width:80%;}

.prj-cont .cont span small .com{ font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; padding:5px 15px; background:#090; border:#000 1px solid; display:inline-block;}
.prj-cont .cont span small .notcom{ font-size:14px; font-weight:600; text-transform:uppercase; color:#fff; padding:5px 15px; background:#FF0000; border:#000 1px solid; display:inline-block;}

.gallery_titbox{ background-color:#efefef; margin:30px 0 10px; padding:6px 15px; font-size:12px; color:#888; float:left; width:100%; border-radius:5px;}
.about-page .about-pltr .gallery_titbox h3{font-size:15px ; color:#ff120a; font-weight:800; padding:3px 0; margin:0; display: inline-block; text-transform:uppercase; float:left;}
.about-page .about-pltr .gallery_titbox small{float:right; font-size:14px}
.pro-img{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 20px; width: 100%;}
.horline{ border-top:#999 1px dashed; margin-bottom:5px; margin-top:30px; display:block;}
.about-page .about-pltr1{ width:50%; padding: 0px 20px 0px 0;}
.about-page .about-pltr1:hover span i{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}
.about-page .about-pltr1 span i{ background:#0168b6; width:33px; height:33px; text-align:center; padding-top:11px; font-size:12px; border-radius:50px; font-family:fontAwesome; color:#fff; margin-right:10px;}
.about-page .about-pltr1 span{ padding:0px 0px 10px; display:inline-block;}
.about-page .about-pltr1 span em{ font-style: normal; font-size:18px; text-transform:none; font-weight:600; color:#444; padding-top:4px;}
.about-page .about-pltr1 h1{ color: #0068b6; font-size: 22px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.about-page .about-pltr1 h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:420px;}
.about-page .about-pltr1 h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.about-page .about-pltr1 em{ font-size:20px; padding-top:15px; color:#333; font-weight:300; font-style:italic; position:relative;}
.about-page .about-pltr1 em:before{ position:absolute; content:''; background:#ededed; height:1px; bottom:9px; left:115%; width:220px;}
.about-page .about-pltr1 h1 small{color: #606e7f; font-size: 18px; font-weight: 200; display: block;}
.about-page .about-pltr1 h2{color: #606e7f; font-size: 20px; font-weight: normal; display: block;}
.about-page .about-pltr1 p{color: #454545; font-size: 14px; line-height:1.7; font-weight:normal; text-align: justify; }
.about-page .about-prtr1 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}

.about-page .about-prtr2{ width:50%; padding:0px 0px 0px 20px; border-left:1px dashed #dfdfdf;}
.about-page .about-prtr2 span i{ background:#0168b6; width:33px; height:33px; text-align:center; padding-top:9px; font-size:15px; border-radius:50px; font-family:fontAwesome; color:#fff; margin-right:10px;}
.about-page .about-prtr2:hover span i{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}
.about-page .about-prtr2 span{ padding:0px 0px 10px; display:inline-block;}
.about-page .about-prtr2 span em{ font-style: normal; font-size:18px; text-transform:none; font-weight:600; color:#444; padding-top:4px;}
.about-page .about-prtr2 h1{ color: #0068b6; font-size: 22px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.about-page .about-prtr2 em{ font-size:20px; padding-top:15px; color:#333; font-weight:300; font-style:italic; position:relative;}
.about-page .about-prtr2 em:before{ position:absolute; content:''; background:#ededed; height:1px; bottom:9px; left:115%; width:220px;}
.about-page .about-prtr2 small{ font-size:16px; padding-top:5px; color:#333; font-weight:300; font-style:italic; display:block;}
.about-page .about-prtr2 h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:420px;}
.about-page .about-prtr2 h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.about-page .about-prtr2 h1 small{color: #606e7f; font-size: 18px; font-weight: 200; display: block;}
.about-page .about-prtr2 h2{color: #606e7f; font-size: 20px; font-weight: normal; display: block;}
.about-page .about-prtr2 p{color: #454545; font-size: 14px; line-height:1.7; font-weight:normal; text-align: justify; }
.about-page .about-prtr2 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}

/* About Link */
.about-page .about-pltr .cer-img span{ width:33%; float:left; display:block;  margin:10px 0; padding:10px 11px; transition: all 0.5s ease 0s;}
.cer-img span:nth-child(3n+3){  border-right:0 none;}
.cer-img span a{ display:flex; background-color:#fff; text-align:center; margin:0; padding:10px; height:420px;}
.cer-img span a small{ display:flex; margin:0 auto;  max-height:400px;}
.cer-img span a img{ width:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.cer-img span:hover{ background-color:rgba(255,18,10,0.3); transition:all 0.1s ease 5s; -webkit-animation:bounce 0.6s ;-moz-animation:bounce 0.6s;-ms-animation:bounce 0.6s;-o-animation:bounce 0.6s;animation:bounce 0.6s;}
.cer-img .no-brand{ font-size:30px; text-align:center; padding:30px; margin:10px 0; color:#ccc;}

.about-page .about-pltr .pro-img span{ float:left; display:block;  margin:0px; padding:10px; transition: all 0.5s ease 0s; border:#CCC 1px solid;}
.about-page .about-pltr .pro-img span:hover{ border:#f1645f 1px solid; }

.pro-img span:nth-child(3n+3){  border-right:0 none;}
.pro-img span a{ display:flex; background-color:#fff; text-align:center; margin:0; padding:5px; height:auto;}
.pro-img span a small{ display:flex; margin:0 auto;  max-height:400px;}
.pro-img span a img{ width:auto; object-fit: contain; width: auto; height:250px; margin: 0 auto;}
.pro-img span:hover{ background-color:rgba(255,18,10,0.3); transition:all 0.1s ease 5s; -webkit-animation:bounce 0.6s ;-moz-animation:bounce 0.6s;-ms-animation:bounce 0.6s;-o-animation:bounce 0.6s;animation:bounce 0.6s;}
.pro-img .no-brand{ font-size:30px; text-align:center; padding:30px; margin:10px 0; color:#ccc;}

/* Clients */
.about-page .about-pltr .ptnrs { padding: 0; } 
.about-page .about-pltr .ptnrs ul { padding: 0; margin: 0; list-style: none; display: flex; width: 100%; flex-wrap: wrap; } 
.about-page .about-pltr .ptnrs ul li {background-image:none; padding: 20px; margin: 0; list-style: none; width: 20%; text-align: center; border-right: 2px dotted #ddd; border-bottom: 2px dotted #ddd; display: flex;  } 
.about-page .about-pltr .ptnrs ul li:nth-child(5n+5) { border-right: 0 none; } 
.about-page .about-pltr .ptnrs ul li a { display: flex; background-color: #fff; padding: 0px; border: 10px solid #ddd; align-items: center; min-height: 200px; position: relative; } 
.about-page .about-pltr .ptnrs ul li a img { border: 5px solid #fff; } 
.about-page .about-pltr .ptnrs ul li a span { position: absolute; font-size: 18px; font-weight: 600; padding: 0 20px; left: 0; right: 0; top: 0; bottom: 0; height: 100%; width: 100%; margin: 0 auto; background-color: rgba(255, 18, 10, 0.9); color: #ffffff; opacity: 0; visibility: hidden; -webkit-animation-name: zoomOut; animation-name: zoomOut; -webkit-animation-duration: 1s; animation-duration: 1s; transition: all 0.5s ease 0s; vertical-align: middle; display: flex; justify-content: center; align-items: center; border-radius:0%; } 
.about-page .about-pltr .ptnrs ul li a:hover span { visibility: visible; opacity: 1; -webkit-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-duration: 1s; animation-duration: 0.5s;   } 

/* News Details */
.news_events2{ margin-top: 0px; width:100%; display:inline-block; margin-bottom:20px;}
.news_events2 p{ color: #333; line-height:1.7; text-align:justify; font-size:15px;}
.news_events2 p a{ color:#FF6600; text-decoration:none; padding:0px 5px;}
.news_events2 p a:hover{ color:#013c6f;}
.news_events2 img{ margin:0 auto; border:1px solid #eee; border-radius:3px; padding:3px; display:block;}
.news_events2 .imgbdr1{ background:#f9f9f9; padding:25px 10px 25px; border:1px solid #d5d5d5; border-radius:3px;}
.news_events2 .imgbdr1{ float:left; margin-top:20px;}
.news_events2 .imgbr{ margin-bottom:25px;}
.news_events2 .imgbdr1 img{ border:1px solid #dddddd; border-radius:3px; padding:3px; object-fit: contain; margin: 0 auto; width:100%; height:200px}
.news_events2 .ntitle { font-size: 18px; color: #555; font-weight: bold; margin: 0px 0px 15px;}
.news_events2 .ndate { color: #555; padding: 5px 10px; display: block; background-color: #eee; border-radius: 4px; margin-bottom:15px; }
.news_events2 .ndate b{ color:#0080e0; font-size:12px;}
.news_events2 .ncontent { text-align: justify; padding: 0px 0 3px; color:#666; }
.news_events2 .more { margin-bottom: 7px; padding: 0;}
.news_events2:last-child{background-image:none;}
.news_events2 .more a { display: inline-block;  padding: 3px 20px; background-color: #1d3687; color: #FFFFFF; font-size: 10px; text-transform: uppercase; border-radius: 4px;}
.news_events2 ul{ margin:0; padding:0; margin-top:13px;  margin-bottom:20px;}
.news_events2 li{ background:url(../images/arrow4.png) left 0px top 11px no-repeat; list-style:none; line-height:1.8; padding-left:15px; font-size:15px; color:#555;}
.nws{ margin-top:15px;}

/* Client */
.inner-title{ margin-top:10px;}
.inner-title h1{ color: #0068b6; font-size: 20px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.inner-title h1 span{float: right; margin-top: -3px;}
.inner-title h1 span a{color: #fff; border: 1px solid #004f94; background: #004f94; border-radius: 3px; padding:4px 10px 3px; margin-top: 15px; transition: 0.4s;
font-size: 12px; text-transform: none; font-weight: 500;}
.inner-title h1 span a i{padding-right: 5px;}
.inner-title h1 span a:hover{ border:1px solid #004f94; color:#004f94; background:transparent;}
.inner-title h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.inner-title h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.client-page .client-part{ width:100%; padding-top:15px; display:inline-block;}
.client-page .client-part span{ display:flex; border:1px solid #eee; border-radius:3px; margin-bottom:15px; height:120px; width:19%; float:left; margin-right:15px; border-bottom:4px solid #eee; transition:0.4s;}
.client-page .client-part span:hover img{ -webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite; border-bottom:none; transition:0.4s;}
.client-page .client-part span img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.client-page .client-part span:nth-child(5n+5){ margin-right:0;}
.client-page .client-part2{ width:23%; text-align:right;  display:flex; border:1px solid #eee; border-radius:3px; margin-bottom:15px; height:260px; margin-top:15px; float:right;}
.client-page .client-part2 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}


/* Contact */ 
.contact-part{ background-color:#eff3f6; padding:15px;}
.our-address{ width:100%; display:flex; margin-top:20px;}
.our-address .ccont1{ padding:5px 20px 5px 10px; width:33%; margin-right:15px; background:#fff; float:left; border-radius:3px; border-bottom:3px solid #ccc;}
.our-address .ccont1:nth-child(3n+3){ margin-right:0;}
.our-address .ccont1 h1{ font-size:18px; color:#0068b6; padding:12px 10px; margin:0; transition: all 0.5s ease 0s; font-weight:bold;}
.our-address .ccont1 .adr{ color:#777b94; font-size:14px; padding:10px; display:block; border-top:1px dotted #b6bee8;}
.our-address .ccont1 .ph{ color:#444; font-size:14px; padding:4px 0px; display:block; border-top:1px dotted #b6bee8; text-transform:uppercase;}
.our-address .ccont1 .email{ color:#444; font-size:14px; padding:4px 0px; display:block; border-top:1px dotted #b6bee8;}
.our-address .ccont1 b{ display:inline-block; background:#fff; padding:5px; margin-right:10px; width:35px; text-align:center; color:#666; border-radius:5px;}

.contact-part .ccont2 iframe{ width:100% !important; height:320px; border:1px solid #fff; border-radius:3px; padding:4px;}
.contact-part .ccont2 .col-tr{ display:table-row; width:100%; height:100%;}
.contact-part .ccont2 .col-td{ display:table-cell; width:100%; height:100%; border:1px solid #fff;}

.enquiry{ width:100%; margin-top:40px;}
.enquiry .csr-form .form-group{ display:flex;}
.enquiry .csr-form .form-group label{ text-align:right; color:#555; font-weight:600;}
.text-red{ color:#ff0202;}
.enquiry .csr-form h1{ color: #0068b6; font-size: 20px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:30px; line-height:1.3;}
.enquiry .csr-form h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:210px;}
.enquiry .csr-form h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
/* Contact */ 

/* Breadcrumb */
.breadcrumb{ background:transparent; padding:0px 0px 0px; margin-bottom:0px;}
.breadcrumb i{ color:#fff; font-size:12px; margin:4px 10px;}
.breadcrumb > li + li::before{ color:#fff;}
.breadcrumb_bg{ background: url(../images/ser_testi_bg.jpg); margin-bottom:15px; padding:5px 0;}
.breadcrumb_part{ padding:12px 15px; margin-left: 20px;}
.breadcrumb_part h2{ font-weight:500; font-size:28px; text-align:left; color:#666; margin-top:5px;}
.breadcrumb_part ul{ margin:0; padding:0;}
.breadcrumb_part li{ font-size:13px; color:#fff;}
.breadcrumb_part li i{ color:#ff0000;}
.breadcrumb_part li a span{ color:#f00; text-decoration:none;}
.breadcrumb_part li a span:hover{ color:#fff;}
.breadcrumb > .active{ color:#666;}

/* news-page */
.news-part{ width:100%; display:flex; flex-wrap: wrap;}
.nws-det{ width: 25%; padding: 20px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; float:left; transition:0.4s;}
.nws-det:nth-child(4n+4){ border-right:none;}
.nws-det .nws-image{ text-align:center; display:flex; border:1px solid #dedede; border-radius:3px 3px 0px 0px; height:200px; width:100%; border-bottom:4px solid #003b6e; transition:0.4s;}
.nws-det .nws-image img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.nws-det a:hover .nws-des { background: #0080e0; transition:0.4s;}
.nws-det a:hover .nws-image{ border-bottom:6px solid #fff;} 

.nws-det .nws-des{ background:#0068b6; padding-bottom:1px;}
.nws-det .nws-des h2{ text-align:center; font-size: 14px; color: #fff; text-transform:uppercase; font-weight:bold; padding:10px 5px 5px; margin: 0; transition: all 0.5s ease 0s; font-weight: normal; font-weight:600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.nws-det .nws-des small{ text-align:center; display:block; font-size: 14px; color: #000; padding:5px;}
.nws-det .nws-des p{ text-align:center;  font-size: 14px; color: #333; padding: 5px 7px; color:#fff;}

/* .mega-dropdown { position: static !important; } */
.mega-dropdown-menu { padding: 8px; width: 300px; max-width: 1366px; box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2); margin: 0 auto; left: 0; right: 0; background-color: rgba(255, 255, 255, 0.9); border-radius: 0 0 5px 5px; border: 0 none; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; border-bottom:#f00 5px solid;} 
.mega-dropdown-menu > li ul { padding: 0; margin: 0; } 
.mega-dropdown-menu > li ul > li { list-style: none; } 
.mega-dropdown-menu > li ul > li > a { display: block; color: #f00; padding: 4px 5px 4px 10px; position: relative; font-size: 15px;} 
.mega-dropdown-menu > li ul > li > a::after { position: absolute; content: ""; height: 0; width: 100%; left: 0px; top: 0; bottom: 0; transition: all 0.5s ease 0s; z-index: -1; border-radius: 2px;} 
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #fff; } 
.mega-dropdown-menu > li ul > li > a:hover::after { height: 100%; width: 100%; background-color: #222; top: 0px; z-index: -1; transition: all 0.5s ease 0s; } 
.mega-dropdown-menu .dropdown-header { font-size: 18px; color: #fff; background:#f00; padding: 5px 10px 5px; line-height: 30px; text-transform: none; font-weight: 300; margin:-8px -23px 10px -8px; } 
.mega-dropdown-menu .drp-tit { font-size: 18px; color: #0061a6; padding: 10px 2px; margin:0; font-weight: 500; } 
.megalink { border-right: 1px solid #dddddd; } 
.megalink:last-child { border-right: 0 none; } 
.megalink li { border-top: 1px dotted rgba(0, 0, 0, 0.2); } 
.megalink li:first-child { border-top: 0 none; } 

.modal { background: rgba(0,0,0,0.3) }
.modal-content { border-radius: 0; -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125) !important; box-shadow: 0 2px 3px rgba(0,0,0,0.125) !important; border: 0; border-radius:5px; }
.modal-body .row{ margin:0px;}
.modal-body .btn-bitbucket{ background:#1f2539; color:#fff; border-radius: 50px; padding: 5px 30px;}
.modal-body .btn-bitbucket:hover{ background:#CD130D; color:#fff;}

.modal-footer .btn-default{ background:#cd130d; color:#fff; border-radius: 50px; padding: 5px 25px;}
.modal-footer .btn-default:hover{ background:#333; color:#fff;}
.modal-body .login-box-msg{ text-align: center; margin: 10px 0px 20px; background-color: #eee; padding: 15px; border-radius: 50px; font-size: 16px; color: #333;}

@media (min-width:768px) {
.modal-content { -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.125) !important; box-shadow: 0 2px 3px rgba(0,0,0,0.125) !important; border-radius:5px; }
}

.bg-red { background-color: #cd130d !important; font-size:16px; color:#fff; padding:10px 20px; margin:0px; }
.modal-content .modal-title{font-size: 1.2rem; padding-bottom:10px; font-weight: 400; text-transform: uppercase;}
.modal-body .testimodel{ text-align: center;}
.modal-body .form-control{ border-radius: 50px;}
.modal-body .form-control::placeholder{ color: #aaa; font-weight: 300; font-size: 14px;}
.modal-body textarea{ border-radius:20px !important;}
.loader{ width: 100%; display: flex; justify-content: center; align-items: center; height: 100%;}

/* Banner Slide Part */
.carousel-control-prev{ opacity: 0;}
.carousel-control-next{ opacity: 0;}
.carousel-caption{ position: absolute; text-align-last: left; bottom: 13%;	}
.cardelay{ text-align: left;}

.carousel-caption h3{
background:#24262c; width:40%; height:510px; position:absolute; top:-310px;
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.carousel-caption h4{
background:rgba(114,25,0,0.1); width:40%; height:510px; position:absolute; top:-270px; left:40px;
-webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
clip-path: polygon(100% 0, 0 0, 0 100%);
-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.carousel-caption h5{
background:url(../images/bg1.png); width:40%; height:510px; position:absolute; top:-230px; left:80px;
-webkit-clip-path: polygon(85% 0px, 100% 0%, 4% 96%, 4% 81%);
clip-path: polygon(85% 0px, 100% 0%, 4% 96%, 4% 81%);
-webkit-animation-name: fadeInLeft; animation-name: fadeInLeft;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 2.5s;
animation-duration: 2.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.carousel-caption h6{ position:absolute; top:-460px; right:0px;
-webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

.carousel-caption h2{ text-transform:uppercase; font-size: 65px; font-weight: 400; padding: 10px 20px 10px 40px; margin: 0; -webkit-animation-name: zoomInUp; animation-name: zoomInUp; top:-290px; position:relative; z-index:12; line-height:120%; text-shadow: 5px 5px rgba(0,0,0,0.3); -webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; display:inline-block; }
.carousel-caption h2 span{ font-size: 100px; font-weight: 800; display:block;}

.carousel-caption h1{ text-transform:uppercase; font-size: 65px; font-weight: 400; padding: 10px 20px 10px 40px; margin: 0; -webkit-animation-name: zoomInDown; animation-name: zoomInDown; top:-90px; left:0px; position:absolute; z-index:12; line-height:120%; text-shadow: 5px 5px rgba(0,0,0,0.3);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; display:inline-block; }
.carousel-caption h1 span{ font-size: 100px; font-weight: 800; display:block;}

.carousel-item{-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
  @keyframes slideOutLeft {
  0% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  100% {
  visibility: hidden;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  }
  } 
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  }
  @keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
  } 
  @keyframes fadeInUp {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 
  @keyframes zoomIn {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  50% {
  opacity: 1;
  }
  } 
@-webkit-keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
    }
    60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    }
    75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    }
    90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    }
    100% {
    -webkit-transform: none;
    transform: none;
    }
    }
    @keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
    }
    60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
    }
    75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
    }
    90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
    }
    100% {
    -webkit-transform: none;
    transform: none;
    }
    } 
@-webkit-keyframes zoomInRight {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
    }
    @keyframes zoomInRight {
    0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
    } 
@-webkit-keyframes lightSpeedIn {
    0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
    }
    60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
    }
    80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
    }
    100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    }
    }
    @keyframes lightSpeedIn {
    0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
    }
    60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
    }
    80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
    }
    100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    }
    } 
@-webkit-keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    }
    @keyframes fadeInLeftBig {
    0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
    }
    100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    }
    } 

/* Product Index page */
.prd-listt{ padding:50px 0px 70px 0px; margin-top:0px; position:relative;}
.prd-listt{text-align: center;}
.prd-listt h1{ font-size:80px; text-align:center; color:rgba(255,0,0,0.5); padding:0 0 50px 0; text-transform:uppercase; font-weight:800;}
.prd-listt .product-listt .pro_box{float: left; margin:0 35px; padding:0px; max-width:28%; box-shadow: 6px 6px 0px 0px rgba(0,0,0,0.3); transition: all 0.5s ease 0s; position:relative;}
.prd-listt .product-listt .pro_box .pro_imgshape{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
background:#f00; padding:5px;  transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box .pro_imgshape1{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
background:#fff; padding:4px 5px 4px 4px; transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box .pro_imgshape1 img{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);}
.prd-listt .product-listt .pro_box .cutpice{ width:140px; height:140px; background:#f00;position:absolute; z-index:999; top:20px; left:20px;  transition: all 0.5s ease 0s;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);clip-path: polygon(0 0, 0% 100%, 100% 0);}
.prd-listt .product-listt .pro_box .content{ background:#f00; padding:20px;  transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box p{ font-size:14px; line-height:20px; display:block; color:#fff; text-align:justify; padding:0px 0 10px 0; margin:0px;}
.prd-listt .product-listt .pro_box p strong{ display:block; font-size:23px; font-weight:400; margin-bottom:10px;}
.prd-listt .product-listt .pro_box .pro_list{ display:flex; flex-direction:row; padding:0 0px;}
.prd-listt .product-listt .pro_box .pro_list .pro_list_left{ display:flex; flex-direction: column; width:50%;}
.prd-listt .product-listt .pro_box .pro_list .pro_list_right{ display:flex; flex-direction: column;  width:50%;}
.prd-listt .product-listt .pro_box .pro_list a{ background:#cc0000; color:#fff; padding:7px 13px; text-align:left; margin:2px;}
.prd-listt .product-listt .pro_box .pro_list a i{ padding:0 3px 0 0;}
.prd-listt .product-listt .pro_box .pro_list a:hover{ background:#fff; color:#f00;}
.prd-listt .product-listt .pro_box:hover{box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.3);  transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box:hover .content{ background:rgba(0,0,0,0.6); transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box:hover .pro_imgshape{background:rgba(0,0,0,0.6); transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box:hover .pro_imgshape1{background:#f00; transition: all 0.5s ease 0s;}
.prd-listt .product-listt .pro_box:hover .cutpice{ top:00px; left:00px; transition: all 0.5s ease 0s;}

.btn1{ white-space:normal;}
#accordion-style-1 h1,
#accordion-style-1 a{ color:#ff120a;}
#accordion-style-1 .btn-link { font-weight: 400; color: #333; background-color: transparent; text-decoration: none !important; font-size: 18px; font-weight: 600; text-transform:none; padding-left: 55px;}
.card-header{ background:rgba(255,18,10,0.05); border:rgba(255,18,10,0.5) 1px solid;}
#accordion-style-1 .card-body { border-top: rgba(255,18,10,0.7) 2px solid; border:rgba(255,18,10,0.7) 1px solid;}
#accordion-style-1 .card-body h3{ color:darkred;  padding:0px 0px 10px; font-size:16px; font-weight:600; position:relative; text-transform:uppercase; margin:10px 0px 0px; width:100%; float:left;}
#accordion-style-1 .card-body p{ text-align:justify; color:#333; line-height:1.7;}
#accordion-style-1 .card-body ul{ margin:0 auto 15px; padding:0; width:100%; float:left;}
#accordion-style-1 .card-body ul li{ list-style:none; font-size:14px;  line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px;}
.link{ margin-top:20px;}
#accordion-style-1 .card-body a { color: #fff; border: 1px solid #111; background:#333; border-radius: 25px; padding:1px 20px 5px; margin-top: 15px; transition:0.4s; font-size:14px;}
#accordion-style-1 .card-body a:hover { color: #fff; background:#ff120a; border:1px solid #e00700; box-shadow: 0px 24px 7px -14px #bababa;}
#accordion-style-1 .card-header .btn.collapsed .fa.main{ background: #666; }
#accordion-style-1 .card-header .btn .fa.main{ background: #e20a03; padding:12px 13px; color: #ffffff; width: 42px; height: 42px; position: absolute; left: 20px; top: 10px; border-radius:50%; display:block;}
.accor{ padding:0;}
.career{ padding:0;}
.career p{ text-align:justify; color:#333; line-height:1.7;  padding-right:15px;}
.career a{ color: #004f94; margin-top: 15px; transition:0.4s; padding-left:10px;}
.career a:hover{ color:#111;}
.acc{ padding-left:0;}
.career-part p{ text-align:justify; color:#333; line-height:1.7;}

/* Contact Us */
.contactpg { padding: 0; width:100%; } 
.cont-adr .cont-title { margin: 0 0 10px; font-weight: 300; font-size: 28px; position: relative; border-bottom: 3px dotted #ccc; text-transform: uppercase; color: #999; } 
.cont-text > b { color: #f00; } 
.cont-text .cont-num { display: flex; border-top: 2px solid #eee; padding: 20px 0 5px; font-size:16px; } 
.cont-text .cont-num span { border-right: 3px solid #ddd; margin: 0; padding: 0 20px; } 
.cont-text .cont-num span i { color: #eb1c27; margin-right: 4px; } 
.cont-text .cont-num span:last-child { border-right: 0 none; } 
.cont-text > strong { margin: 0 0 10px; font-weight: 600; font-size: 14px; text-transform: uppercase; color: #fff; display: block; background-color: #666; padding: 5px 10px; letter-spacing: 1px; } 
.cont-flex { display: flex; } 
.cont-flex .bus-text { width: 50%; background-color: #eee; padding: 15px; border-right: 5px solid #fff; } 
.cont-flex .bus-text b { display: block; color: #666; font-weight: 600; } 
.cont-flex .bus-text b i { color: #444; margin-right: 3px; } 
.cont-flex .tr-text { width: 50%; background-color: #eee; padding: 15px; border-left: 5px solid #fff; } 
.cont-flex .tr-text b { display: block; color: #666; font-weight: 600; } 
.cont-flex .tr-text b i { color: #444; margin-right: 3px; }

.cont-frbox { margin-top: 30px; } 
.cont-frbox .corp-frm .fs-title{ margin-bottom: 30px; font-size:30px; padding:0 0 10px 0; font-weight:600; text-align:center; text-transform:uppercase; color:#333; } 
.cont-frbox .alert-success{ width: 50%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center; border-radius: 50px; font-size: 16px;}

.corp-frm { border-radius: 6px; border: 1px solid #ddd; padding: 20px 30px; box-sizing: border-box; margin: 0 0px 50px; position: relative; text-align: center; } 
.corp-frm .form-group { text-align: left; } 
.corp-frm .form-group.row > label { text-align:right; } 
.corp-frm .sred { color: #eb1c27; margin: 0 4px; }  

/* Product Accordian */
#accordion-style-2 h1,
#accordion-style-2 a{ color:#0068b6;}
#accordion-style-2 .btn-link { font-weight: 400; color: #0068b6; background-color: transparent; text-decoration: none !important; font-size: 14px; font-weight: 600; text-transform:none; padding-left: 25px;}
#accordion-style-2 .card-body { border-top: 2px solid #0068b6; padding:10px;}
#accordion-style-2 .card-body h3{  padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
#accordion-style-2 .card-body h3:before{ position:absolute; content:''; background:#0068b6; height:1px; bottom:4px; left:0%; width:120px;}
#accordion-style-2 .card-body h3:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px;}
#accordion-style-2 .card-body p{ text-align:justify; color:#333; line-height:1.7;}
#accordion-style-2 .card-body ul{ margin:0 auto; padding:0;}
#accordion-style-2 .card-body ul li{ list-style:none; font-size:14px;  line-height:1.7; background:url(../images/arrow4.png) left top 10px no-repeat; }
#accordion-style-2 .card-body ul li.active{ background:#eeeded;}
.link{ margin-top:20px;}
#accordion-style-2 .card-body a { color: #0068b6; border-bottom: 1px dotted #ccc; padding:1px 3px 5px 12px; text-align:justify; transition:0.4s; font-size:14px; display:block;}
#accordion-style-2 .card-body a:hover { color:#004f94; background:#e0f2ff;/*background:url(../images/arrow4-1.png) left top 10px no-repeat;*/ }
#accordion-style-2 .card-header{ padding:0px 0px 0px 4px; border-bottom: none; background:#f2f2f2; margin-bottom:1px;}
#accordion-style-2 .card-header .btn.collapsed .fa.main{ display:none;}
#accordion-style-2 .card-header .btn .fa.main{background: #0068b6; padding: 6px 6px; color: #ffffff; width: 22px; height: 22px; position: absolute; left: 0px;
top:8px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; display: block; font-size: 10px;}
.right{ float:right;}

/* Product Main */
.prd-main{ margin-top:30px;}
.inprd-bg{ padding-top:25px;}
.prdcat{ margin-bottom:30px; overflow:hidden;}
.prd1{ border: 1px solid #e0e0e0; border-bottom: 3px solid #0068b6; border-radius: 3px 3px 0px 0px; transition: all 0.5s ease 0s; height:232px; display: flex; padding:3px 2px 2px 2px;}
.prd1 img{ object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.prdcat img{ border-radius:3px;}
.prdcat a{ position:relative; transition: all 0.5s ease 0s; display:block;}
.prdcat h2{ position:absolute; bottom:-3px; font-size:16px; text-align:center; color:#fff; width:100%; background-color:rgba(0,54,94,0.7); padding:8px 15px; transition: all 0.5s ease 0s; left:0px;}
.prdcat a:hover h2{ color:#222;  background-color:rgba(255,255,255,0.7);}
.prdcat a .prd1:hover{ border-bottom: 3px solid #dcd5b8;} 
.inprd-bg .cbox1 img{border-radius:3px;}

.prdlink{ padding-top:10px;}
.prdlink ul{ padding:0; margin:0; list-style:none;}
.prdlink ul li{ padding:0; margin:0; list-style:none; border-left:3px solid #ececec; background:#f2f9ff; margin-bottom:3px;}
.prdlink ul li a{background:url(../images/arrow7.png) 5px 15px no-repeat; padding:4px 10px 4px 20px; color:#0068b6; display:block;}
.prdlink ul li a:hover{ color:#333;}
prdcat2{ margin-bottom:30px;}
.prdcat2 h2{font-size:20px; color:#333; background-color:#bae435; padding:10px 15px; margin-top:0;}
.prdcat2 h2 a:hover{ color:#fff; text-shadow:1px 1px 0px #90ae30;}
.prdcat2 .prdlink ul{-moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px;}
/* //Product Main */

/* Product Left Nav */
.prdlist-bg{ margin:30px 0px;}
.prd-catlist{ margin-bottom:20px;}
.prd-catlist h4{ background-color:#0068b6; margin:0; padding:10px 15px; color:#fff; font-size:14px; border-radius:3px 3px 0 0; text-transform:uppercase; font-weight: 600;}
.cat-body{ background-color:#fff; padding:5px; border:1px solid #e5e5e5; border-radius:0 0 3px 3px}
.cat-body .saccord .panel{background-color:#f2f2f2; border:0 none; border-radius:0px; box-shadow: none; margin-bottom:0px; border-bottom:2px solid #f2f2f2;;}
.cat-body .saccord .panel .box-header{ border-radius:3px; padding:0;}
.cat-body .saccord .accordion-toggle{ padding:6px 5px 6px 25px; display:block; position:relative; font-size:13px; font-weight:bold; color:#333; border-radius:3px; background-color:#ccc;}
.cat-body .saccord .accordion-toggle:after { position:absolute; left:8px; top:5px; font-size:14px;
/* symbol for "opening" panels */
font-family: 'FontAwesome';  /* essential for enabling glyphicon */
content: "\f146";    /* adjust as needed, taken from bootstrap.css */
float: left;        /* adjust as needed */
color:rgba(0,0,0,0.3);     /* adjust as needed */
}
.cat-body .saccord .accordion-toggle.collapsed:after {
/* symbol for "collapsed" panels */
content: "\f0fe";    /* adjust as needed, taken from bootstrap.css */
}
.cat-body .saccord .accordion-toggle.collapsed{background-color:#bae435;}
.cat-body .saccord .accordion-toggle:hover{ background-color:#ccc;}
.cat-body .saccord .panel .box-body ul{ padding:0; margin:0;}
.cat-body .saccord .panel .box-body ul li{ padding:0; margin:0; list-style:none; font-size:13px; border-bottom:1px solid #fff; transition: all 0.5s ease 0s;}
.cat-body .saccord .panel .box-body ul li a{ padding:3px 10px 3px 15px; display:block; background:url(../../images/arrow6.png) 5px 9px no-repeat;}
.cat-body .saccord .panel .box-body ul li a:hover{ background-color:#fff;}
.cat-body .saccord .panel .box-body ul li.active a{ background-color:#fff; color:#888;}
.cat-body .saccord .panel .box-body ul li:hover, .cat-body .saccord .panel .box-body ul li.active{border-color:#d9d5ff;}

.prd-brands{ background-color:#f2f2f2; margin-bottom:20px;}
.prd-brands h5{ margin:0; padding:8px 10px; background-color:#0c036b; margin:0; padding:10px 15px; color:#fff; font-size:14px; border-radius:3px 3px 0 0;}
.brnd-list{ padding:5px 15px;}
.brnd-list ul{ padding:0; margin:0;}
.brnd-list ul li{ padding:0; margin:0; list-style:none; font-size:13px; border-bottom:1px solid #fff;}
.brnd-list ul li a{ padding:3px 10px 3px 15px; display:block; background:url(../../images/arrow6.png) 5px 9px no-repeat;}
.brnd-list ul li a:hover{ background-color:#fff;}
.prd-othcat{ background-color:#eee; margin-bottom:20px;}
.prd-othcat h5{ margin:0; padding:8px 10px; background-color:#aaa; margin:0; padding:10px 15px; color:#333; font-size:14px; border-radius:3px 3px 0 0;}
.othcat-list{ padding:5px 15px;}
.othcat-list ul{ padding:0; margin:0;}
.othcat-list ul li{ padding:0; margin:0; list-style:none; font-size:14px; border-bottom:1px dotted #ccc;}
.othcat-list ul li a{ padding:3px 10px 3px 15px; display:block; background:url(../../images/arrow4.png) 5px 9px no-repeat;}
.othcat-list ul li a:hover{ background-color:#fff;}

/* Product List */
.prd-list{ padding:0px 0px 10px 10px; border-radius:3px;}
.prd-list h4.prd-title{ font-size:20px; border-bottom:2px solid #ccc; padding:6px 0 10px; text-align:left; font-weight:normal; margin:0; color:#444;}
.prd-list h4.prd-title span{ font-weight:bold;}
.list-opts{ background-color:#f2f2f2; padding:10px 10px 5px; border-bottom:1px solid #eee;}
.list-opts .prd-disp{ display:inline-block;}
.list-opts .prd-disp label{ font-weight:normal; font-size:12px;}
.list-opts .prd-disp select{ padding: 3px 6px; border: 1px solid #ccc; border-radius: 3px;}
.list-opts .prd-sort{ display:inline-block;}
.list-opts .prd-sort label{ font-weight:normal; font-size:12px;}
.list-opts .prd-sort select{ padding: 3px 6px; border: 1px solid #ccc; border-radius: 3px;}

.prd-item{ border-bottom:1px dashed #ddd; float:none; padding:25px 0; transition: all 0.5s ease 0s;}
.prd-item:after{ display:block; height:0; content:"."; visibility:hidden; clear:both;}
.prd-item .prd-img{ float:left; width:19%; display:flex; height:160px; min-height:160px; border-right:1px dashed #ddd; padding-right:9px; transition: all 0.5s ease 0s;}
.prd-item:hover .prd-img{ border-color:#0068b6;}
.prd-item .prd-img img{ width:auto; height:auto; object-fit: contain; margin: 0 auto; }
.prd-item .prd-cont{ float:right; width:80%; min-height:160px; padding:0 10px; transition: all 0.5s ease 0s; color:#666; font-size:14px; line-height:1.7; position:relative; text-align:justify;}
.prd-item .prd-cont p{ padding:0; margin:0;}
.prd-item .prd-cont .gs-offer{ position:absolute; right:0; top:0;}
.prd-item:hover .prd-cont{ background-color:#edf7fe;}
.prd-item .prd-cont h2{ margin:0; padding:0; margin-bottom:10px;}
.prd-item .prd-cont h2{  padding:0px 0px 10px; font-size:16px; font-weight:500; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; color:#444; margin-bottom:15px; margin-top:10px;}
.prd-item .prd-cont h2:before{ position:absolute; content:''; background:#ccc; height:1px; bottom:4px; left:0%; width:170px;}
.prd-item .prd-cont h2:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:0px; left:0%; width:60px;}

.prd-item .prd-cont h2 a{ color:#0068b6; font-size:16px;}
.prd-item .prd-cont h2 a:hover{ color:#333;}
.prd-item .prd-cont h2 a i{ padding-right:5px; border-right:2px solid #ccc;}
.prd-item .prd-cont .desc ul{ margin:0px 0px; padding:0;}
.prd-item .prd-cont .desc ul li{list-style: none; font-size: 14px;  line-height:2.0; background: url(../images/arrow4.png) left top 12px no-repeat; padding-left: 15px; color: #555; text-align:justify;}
.prd-item .prd-cont .desc p{ padding:0; margin:0; text-align:justify; color:#333; line-height:1.9; font-size:14px; padding-bottom:0px;}

.prd-item .prd-cont .prd-btn{ border-top:1px solid #d9d5ff; margin-top:8px; padding-top:8px;}
.prd-item .prd-cont .prd-btn span.price{ display:inline-block; padding:0px 0px 0 10px; font-size:16px; font-weight:500; color:#333;}
.prd-item .prd-cont .prd-btn span.price i{ margin-right:6px; color:#999;}
.prd-item .prd-cont .prd-btn span.price small{ margin-left:4px; color:#999; text-decoration:line-through; font-weight:normal;}
.prd-item .prd-cont .prd-btn em.prdoff{ font-size:12px; color:#34c54b; font-weight:bold; font-style:normal; text-transform:uppercase; margin-left:5px;}
.prd-item .prd-cont .prd-btn span.dwn{ display:inline-block; padding:2px 10px; border-left:3px solid #ddd; font-size:12px; font-weight:normal; margin-left:10px;}
.prd-item .prd-cont .prd-btn span.wlist{ display:inline-block; padding:2px 10px; font-size:12px; font-weight:normal; border-left:3px solid #ddd;}
.prd-item .prd-cont .prd-btn span.wlist.added a{ color:#2fc24b;}
.prd-item .prd-cont .prd-btn span.wlist.remove a{ color:#FF0000;}
.prd-item .prd-cont .prd-btn span.wlist.remove a:hover{ color:#666;}
.prd-item .prd-cont .prd-btn a.price{ display:inline-block; padding:5px 10px; background-color:#fff; color:#222aab; border:1px solid #a9a2f0; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:10px;}
.prd-item .prd-cont .prd-btn a.price i{ margin-right:6px;}
.prd-item .prd-cont .prd-btn a.price:hover{ background-color:#fff; color:#aaa; border-color:#aaa;}

.prd-item .prd-cont .prd-link{ border-top:1px solid #dceffd; margin-top:8px; padding-top:13px;}
.prd-item .prd-cont .prd-link .btn-det{ display:inline-block; padding:5px 10px; background-color:#0068b6; color:#fff; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:0px; color:#fff;}
.prd-item .prd-cont .prd-link .btn-det:hover{ background-color:#ccc; color:#333;}
.prd-item .prd-cont .prd-link .btn-cart{ display:inline-block; padding:5px 10px; background-color:#bae435; color:#333; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-item .prd-cont .prd-link .btn-cart:hover, .prd-item .prd-cont .prd-link .btn-cart.added{ background-color:#ccc; color:#333;}

/* product detail */
.det-tab{ margin-top:30px;}
.det-tab ul.nav{ background-color:rgba(255,18,10,0.05); padding:15px 15px 0px 15px;}
.det-tab .nav-tabs{ text-align:center; border-bottom:1px solid #fff;}
.det-tab .nav-tabs > li{ display:inline-block; margin:0 5px 0 0;}
.det-tab .nav-tabs-custom{ margin-bottom:0; position:relative; z-index:0;}
.det-tab .nav-tabs-custom > .nav-tabs > li{  background-color: #333; border-radius:5px 5px 0 0; padding:7px 0px; background-image:none;}
.det-tab .nav-tabs-custom > .tab-content{background-color:#f3f3f3; padding:30px; border:0 none; border-top:3px solid #d70902; margin-top:-2px;}
.det-tab .nav-tabs > li{ position:relative;}
.det-tab .nav-tabs > li > a{ position:relative; z-index:510; padding:10px 20px; font-size:16px; color:#fff; border-bottom:1px solid #d70902;}
.det-tab .nav-tabs > li > a:hover{ border-radius:5px 5px 0 0;}
.det-tab .nav-tabs-custom > .nav-tabs > li.active > a, .det-tab .nav-tabs-custom > .nav-tabs > li.active:hover > a{border-radius:5px 5px 0 0; background-color:#ff120a; color:#fff;}
.det-tab .nav-tabs > li:before{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); visibility: hidden; opacity: 0; content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color:#fff; background: #ff120a; z-index:1;}
.det-tab .nav-tabs > li:hover:before{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1;}
.det-tab .nav-tabs > li > a:hover{background:none transparent; color:#fff; border-radius:5px 5px 0 0;}

.det-tab .pro-img span{ width:20%; float:left;  margin:0; padding:10px 11px; border-bottom:1px solid #dbdff8; border-right:1px solid #dbdff8; transition: all 0.5s ease 0s;}

.det-tab .pro-img span a{ display:flex; background-color:#fff; text-align:center; margin:0; padding:0; height:auto;}
.det-tab .pro-img span a small{ display:flex; margin:0 auto;  max-height:200px;}
.det-tab .pro-img span a img{ width:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.det-tab .pro-img span:hover{ background-color:#fcb4b2; transition:all 0.5s ease 0s; -webkit-animation:bounce 0.6s  ;-moz-animation:bounce 0.6s ;-ms-animation:bounce 0.6s ;-o-animation:bounce 0.6s ;animation:bounce 0.6s ;}
.det-tab .pro-img .no-brand{ font-size:30px; text-align:center; padding:30px; margin:10px 0; color:#ccc;}

.prd-det{ border-bottom:1px dashed #ddd; float:none; padding:25px 0 10px; transition: all 0.5s ease 0s;}
.prd-det:after{ display:block; height:0; content:"."; visibility:hidden; clear:both;}
.prd-det .prd-img{ float:left; width:25%; min-height:250px; border:1px solid #ddd; padding:10px; transition: all 0.5s ease 0s; text-align:center; border-radius:3px; }
.prd-det .prd-img span{ display:inline-block; margin:0 auto;}
.prd-det .prd-img span a{ position:relative; overflow: hidden; z-index: 1; display:inline-block; display:flex; height:250px;}

.prd-det .prd-img span:hover a:after{ top:0%;}
.prd-det .prd-img img{ width:auto; height:auto; object-fit: contain; width: auto; height: auto; margin: 0 auto;}
.prd-det .prd-cont{float:right; width:75%; padding:0 10px 0 25px; transition: all 0.5s ease 0s; color:#666; font-size:14px; position:relative;}
.prd-det .prd-cont p{ padding:0; margin:0; text-align:justify; line-height:1.9; padding-bottom:8px; font-size:14px;}
.prd-det .prd-cont .gs-offer{ position:absolute; right:0; top:0;}
.prd-det .prd-cont h1{ color: #222; font-size:18px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.prd-det .prd-cont h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.prd-det .prd-cont h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}

.prd-det .prd-cont a{ background:#cb0606; color:#fff; padding:10px 17px; margin:10px 0; display:inline-block;}
.prd-det .prd-cont a i{ padding:0 3px 0 0;}
.prd-det .prd-cont a:hover{ background-color: #333;}

.prd-det .prd-cont h2{ color: #0068b6; font-size:15px; font-weight: 600; padding:0px 0px 5px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left;}
.prd-det .prd-cont ul{ margin:0 auto; padding:0; margin-bottom:12px;}
.prd-det .prd-cont ul li{ list-style:none; font-size:14px;  line-height:1.9; background:url(../images/arrow4.png) left top 10px no-repeat; padding-left:15px; color:#555; text-align:justify;}

.prd-det .prd-cont .prd-btn{ border-top:1px solid #d9d5ff; margin-top:10px; padding-top:12px;}
.prd-det .prd-cont .prd-btn span.price{ display:inline-block; padding:0px 0px 0 10px; font-size:18px; font-weight:500; color:#333;}
.prd-det .prd-cont .prd-btn span.price i{ margin-right:6px; color:#999;}
.prd-det .prd-cont .prd-btn span.price small{ margin-left:4px; color:#999; text-decoration:line-through; font-weight:normal;}
.prd-det .prd-cont .prd-btn em.prdoff{ font-size:16px; color:#34c54b; font-weight:bold; font-style:normal; text-transform:uppercase; margin-left:5px;}
.prd-det .prd-cont .prd-btn span.dwn{ display:inline-block; padding:2px 10px; border-left:3px solid #ddd; font-size:12px; font-weight:normal; margin-left:10px;}
.prd-det .prd-cont .prd-btn span.wlist{display:inline-block; padding:2px 10px; font-size:12px; font-weight:normal; border-left:3px solid #ddd;}
.prd-det .prd-cont .prd-btn span.wlist.added a{ color:#2fc24b;}
.prd-det .prd-cont .prd-btn span.wlist.remove a{ color:#FF0000;}
.prd-det .prd-cont .prd-btn span.wlist.remove a:hover{ color:#666;}
.prd-det .prd-cont .prd-btn a.price{ display:inline-block; padding:5px 10px; background-color:#fff; color:#222aab; border:1px solid #a9a2f0; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:10px;}
.prd-det .prd-cont .prd-btn a.price i{ margin-right:6px;}
.prd-det .prd-cont .prd-btn a.price:hover{ background-color:#fff; color:#aaa; border-color:#aaa;}
.prd-det .prd-cont .prd-link{ border-top:1px solid #d9d5ff; margin-top:8px; padding-top:12px;}
.prd-det .prd-cont .prd-link .btn-det{ display:inline-block; padding:5px 10px; background-color:#222aab; color:#fff; font-size:11px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-det .prd-cont .prd-link .btn-det:hover{ background-color:#ccc; color:#333;}
.prd-det .prd-cont .prd-link .btn-cart{ display:inline-block; padding:5px 10px; background-color:#bae435; color:#333; font-size:14px; font-weight:bold; border-radius:3px; text-transform:uppercase; margin-left:8px;}
.prd-det .prd-cont .prd-link .btn-cart:hover, .prd-det .prd-cont .prd-link .btn-cart.added{ background-color:#ccc; color:#333;}
.prd-det .prd-cont .prd-share{ border-top:1px solid #d9d5ff; margin-top:12px; padding-top:8px;}
.prd-det .prd-cont .brnd{ display:inline-block; font-weight:bold; padding:2px 15px 2px 0px; margin:0 0px 0 10px; border-right:3px solid #ddd;}
.prd-det .prd-cont .brnd small{ font-size:12px; text-transform:uppercase; color:#999; font-weight:normal;}
.prd-det .prd-cont .share-btn{ margin-left:15px;}
.prd-det .prd-cont .share-btn small{ font-size:12px; text-transform:uppercase; color:#999; }
.prd-det .prd-cont .share-btn a{ display:inline-block; width:30px; padding:4px 0; border-radius:50%; background-color:#eee; border:1px solid #ddd; margin-left:10px; text-align:center; cursor:pointer; color:#999;}
.prd-det .prd-cont .share-btn a:hover{ background-color:#bae435; border-color:#bae435; color:#fff;}

.prd-det .prd-img small{ margin:0px 0px;}
.prd-det .prd-img small a{ background-color: #28ae3d; color: #fff; display: block; padding:8px 15px; text-align: center; font-size: 18px; border-radius: 10px; font-weight: 500; transition:0.4s;}
.prd-det .prd-img small a b{ display:block; padding-bottom:2px; font-size:16px; text-transform:uppercase; font-weight:300}
.prd-det .prd-img small a i{ padding-right:8px; animation: beat .25s infinite alternate; transform-origin: center;}
@keyframes beat{ to { transform: scale(1.2); }}
.prd-det .prd-img small a:hover{ background-color:#1b972e; transition:0.4s; }
.prd-det .prd-img small a:hover i{ transition:0.4s;}

.tab-scnd ul{ margin:10px 0px; padding:0;}
.tab-scnd ul li{list-style: none; font-size: 14px;  line-height:2.0; background: url(../images/arrow4.png) left top 12px no-repeat; padding-left: 15px;    color: #555; text-align:justify;}
.tab-scnd p{ padding:0; margin:0; text-align:justify; color:#333; line-height:1.9; font-size:14px; padding-bottom:8px;}

.tab-scnd h1{ color: #222; font-size:16px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.tab-scnd h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.tab-scnd h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}

.tab-scnd h2{ color: #0068b6; font-size:14px; font-weight: 600; padding:0px 0px 0px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left;}

.tab-over ul{ margin:5px 0px; padding:0;}
.tab-over ul li{list-style: none; font-size: 15px;  line-height:2.0; padding-left: 15px; color: #555; text-align:justify;}
.tab-over p{ margin:0; text-align:justify; color:#fff; line-height:24px; font-size:15px; padding-bottom:10px;}
.tab-over p.linkpad{ padding:20px 0 0 0; text-align:left;}
.tab-over p.link1{ text-align:left;}

.tab-over a{ background:#b60001; color:#fff; padding:16px 20px; margin:2px; display:inline-block; font-size:16px; }
.tab-over a i{ padding:0 3px 0 0;}
.tab-over a:hover{ background-color: #333;}

.tab-over .link1 a{ background:#b60001; color:#fff; padding:16px 20px; margin:2px; display:inline-block; font-size:16px; }
.tab-over .link1 a i{ padding:0 3px 0 0;}
.tab-over .link1 a:hover{ background-color: #333;}

.tab-over h1{ color: #222; font-size:16px; font-weight: 600; padding:0px 0px 10px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:15px; margin-bottom:20px; line-height:1.3;}
.tab-over h1:before{ position:absolute; content:''; background:#e1e1e1; height:1px; bottom:0px; left:0%; width:200px;}
.tab-over h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}

.tab-over h2{ color: #fff; font-size:35px; font-weight: 600; padding:5px 0px 10px; position:relative; margin:0px 0 20px 0; text-align:left; border-bottom:#ff7e7f 1px dashed;}
.tab-enq .csr-form .form-group{ display:flex;}
.tab-enq h1{ color: #0068b6; font-size: 16px; font-weight: 600; padding: 0px 0px 10px; position: relative; text-transform: uppercase;  margin-top: 0px;
text-align: left; margin-bottom: 30px; line-height: 1.3; }
.tab-enq h1:before{ position: absolute; content: ''; background: #e1e1e1; height: 1px; bottom: 0px; left: 0%; width: 170px;}
.tab-enq h1:after{ position: absolute; content: ''; background: #0068b6; height: 3px; bottom: -4px; left: 0%; width: 50px;}

.product-nav-body{ padding:0;}
.product-part1{ width:49%; float:left; border-right:1px solid #c3e3f5; border-bottom:1px solid #c3e3f5; padding-top:20px; padding-right:0px; padding-bottom:10px;}
.product-part1:last-child{ border-bottom:none;}
.product-part1:nth-child(2n+2){ margin-right:0; border-right:0; padding-left:20px;}
.prd-nav-image{float: left; width:25%; transition: all 0.5s ease 0s; text-align: center; border-radius: 3px; display: flex;}
.prd-cont-nav{float: right; width:75%; padding: 0 10px 0 20px; transition: all 0.5s ease 0s; color: #666; font-size: 14px; position: relative;}
.prd-nav-image img{object-fit: contain; width: auto; height: auto; margin: 0 auto; border:1px solid #b8dcf1; border-radius:3px; padding:2px;}
.prd-cont-nav h1{ color: #222; font-size:15px; font-weight: 600; padding:0px 0px 5px; position:relative; text-transform:uppercase; margin-top:0px; text-align:left; margin-bottom:10px; line-height:1.3;}
.prd-cont-nav h1:before{ position:absolute; content:''; background:#b8dcf1; height:1px; bottom:0px; left:0%; width:200px;}
.prd-cont-nav h1:after{ position:absolute; content:''; background:#0068b6; height:3px; bottom:-4px; left:0%; width:70px;}
.prd-nav-image a{ display: flex;  height:150px;}
.tab-scnd h3{ font-size:22px; margin:30px 0px; text-align:center; color:#72afd2;}
.tab-scnd h3 i{ padding-right:10px;}
.tab-lable{ padding:10px 0px;}
.tab-small{ padding:10px 0px;}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fbox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('../images/fbox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../images/fbox/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fbox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8); }
/*! // fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

/* Enquiry Bar */
.effects .prodemo{ width:32%; height:auto; display:inline-block; padding:1px; box-sizing:border-box; border:#ddd 8px solid; margin:5px; text-align:center;}
.effects .prodemo h1{ font-size:16px; font-weight:800; text-transform:uppercase; text-align:left; color:#FC0; padding:0px;}
.effects .prodemo p{ font-size:15px; font-weight:400; color:#fff; text-align:justify; line-height:22px;}
.effects .prodemo h3{ font-size:15px; font-weight:400; text-transform:none; color:#FC0; text-align:left; display:block; width:100%;}
.effects .prodemo h3 span{ font-size:15px; font-weight:400; text-transform:none; color:#fff;}
.effects .prodemo h3 span.com{ font-size:13px; font-weight:600; text-transform:uppercase; color:#000; padding:3px 10px; background:#0F0; border:#000 1px solid; display:inline-block;}
.effects .prodemo h3 span.notcom{ font-size:13px; font-weight:600; text-transform:uppercase; color:#fff; padding:3px 10px; background:#0033CC; border:#fff 1px solid; display:inline-block;}
.effects .prodemo a{ display:inline-block; background:#ffe981; font-size:15px;color:#333; padding:10px 20px; margin:20px 0 0; font-weight:600;}
.effects .prodemo a:hover{ background:#000; color:#fff;}

/* Enquiry Bar */
.enq-bar{background-color: #222222; padding: 30px 0; }
.enq-bar h3{font-size: 22px; color: #ffffff; font-weight: 100;}
.enq-bar h3 span{ text-transform:uppercase; font-weight: 800;}
.enq-bar .conth .phoneh{font-size: 18px; color: #ffffff; font-weight: 600;}
.enq-bar .conth .phoneh i{border: 1px solid rgba(255, 255, 255, 0.5); padding: 12px; border-radius: 50%;}
.enq-bar .conth .emailh{margin-left: 30px;}
.enq-bar .conth .emailh a{font-size: 18px; color: #ffffff; font-weight: 600;}
.enq-bar .conth .emailh a i{border: 1px solid rgba(255, 255, 255, 0.5); padding: 12px; border-radius: 50%;}
.enrtr{text-align: right;}
a.enq-btn{ background-color: #222222; padding: 15px; color: #fff; font-size: 18px; position: relative; top:20px; border:#fff 3px solid; border-radius:10px;}
a.enq-btn i{ color: #ffffff; margin-right: 5px; left: 0; top: 0; display: inline-block; padding:0px;}
a.enq-btn span{  text-transform: uppercase; font-weight: 600;}
a.enq-btn:hover{background-color: #cb0606; color: #ffffff; border:#000 3px solid;}

/* Welcome Part */
.wel-bg{background:url(../images/ser_style_bg.jpg); height:auto; padding:0px 0 0; }
.wel-cnt{display: flex; width: 100%; padding-bottom:70px;}

.wel-cnt .wltr{ width: 50%; padding:0px; float:left;}
.wel-cnt .wrtr{width:50%; height:100%;  float:right; padding:40px 40px 0 50px; position:relative;}

.wel-cnt .wltr h1{color: #ff0000; font-size: 54px; font-weight: 400; padding:30px 0px 30px 22px; margin:0px; background:url(../images/title_bg.png) no-repeat left; line-height:38px;}
.wel-cnt .wltr h1 small{color: #fff; font-size: 22px; font-weight: 400; display: block; }
.wel-cnt .wltr h2{color: #cb0606; font-size: 43px; font-weight: 800; text-transform:uppercase; display: block;}
.wel-cnt .wltr p{color: #fff; font-size: 15px; text-align: justify; line-height:21px; padding:20px 0 0px; margin:0px;}
.wel-cnt .wltr .ubtn{padding-top: 10px;}

.wel-cnt .wltr .wbtn a{ font-size:17px; background:#F00; color:#fff; padding:7px 30px 7px 9px; margin:30px 0 0 0; border-radius:50px; display:inline-flex; flex-direction:row; line-height:38px;}
.wel-cnt .wltr .wbtn a i{ padding:5px 0 0 5px; background:#fff; color:#f00; border-radius:50px; font-size:30px; width:38px; height:38px; text-align:center;}
.wel-cnt .wltr .wbtn a:hover{ background-color: #000; color:#f00;}
.wel-cnt .wltr .wbtn span{ padding-left:10px;}

.wel-cnt .wrtr .wimg1{ padding-top:100px;}
.wel-cnt .wrtr .pro_imgshape{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
background:#f00; padding:5px; transition: all 0.5s ease 0s;}
.wel-cnt .wrtr .pro_imgshape1{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%);
background:#fff; padding:4px 5px 4px 4px; transition: all 0.5s ease 0s;}
.wel-cnt .wrtr .pro_imgshape1 img{-webkit-clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%, 0 32%); width:100%;}

.wel-cnt .wrtr .cutpice{ width:140px; height:140px; background:#f00; position:absolute; z-index:999; top:70px; margin-left:30px; transition: all 0.5s ease 0s; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0); clip-path: polygon(0 0, 0% 100%, 100% 0);}
.wel-cnt .wrtr .cutpice1{ position:absolute; /* z-index:999; */ top:0px; right:0px; transition: all 0.5s ease 0s;}

.btn-contact{ background-color: #ea231c; margin:10px 10px; color: #fff; border-radius: 12px; padding: 5px 25px; transition: all ease 0.4s;}
.btn-contact:hover{ background-color: #333; transition: all ease 0.4s;}
.btn-contact-cnl{ background-color: #444; color: #fff; border-radius: 12px; padding: 5px 25px; transition: all ease 0.4s;}
.btn-contact-cnl:hover{ background-color: #222; transition: all ease 0.4s;}

/* Clients Part */
.clnt-bg{background-color: #fff; padding: 60px 0;}
.clnt-bg h1{color: #cb0606; font-size: 40px; font-weight: 200; display: block; padding:0px; margin:0px; text-align:center;}
.clnt-bg h1 small{color: #000; font-size: 22px; font-weight: 400;  padding-bottom:10px;}
.clnt-bg h2{color: #cb0606; font-size: 28px; font-weight: 400; padding-bottom:15px; text-align:center;}
.clnt-bg h2 span{ font-size: 28px; font-weight: 800; text-transform:uppercase;}
.cl-tit{display: flex; justify-content: center; align-items: center; background-image: url(../images/client-bg.jpg);}
.cl-tit h5{ font-size: 28px; font-weight: 300; text-align: center; letter-spacing: 1px; text-transform: uppercase; color: #434e55;}
.cl-tit h5 b{display: block; font-size: 56px; font-weight: bold; color: #fff; text-shadow: 3px 3px 0px #439de0;}
.clnt-list{flex-direction: row; align-items: stretch; height: 100%;}
.clnt-list .col-4{border: 1px solid #eeeeee; padding: 30px 5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.clnt-list .col-4 small img{ opacity: 1; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.clnt-list .col-4:hover small img{-webkit-animation:pulse 0.6s infinite ;-moz-animation:pulse 0.6s infinite;-ms-animation:pulse 0.6s infinite;-o-animation:pulse 0.6s infinite;animation:pulse 0.6s infinite;}

/* News Section */
.news-bg{ background: url(../images/news-bg.png); background-size: cover; padding: 50px; border: 1px solid #d1e8f9;}
.nltr span{ margin-bottom: 10px; display: block;}
.nltr p{ font-size: 20px; color: #434e55; line-height: 1.8; padding-right: 60px;}
.nltr .ubtn a{ display: inline-block; background-color: #fff; color: #0068b6; padding: 15px 65px 15px 20px; border-radius: 10px; text-transform: uppercase; font-size: 14px; position: relative;}
.nltr .ubtn a i{ background-color: #0068b6; position: absolute; font-size: 30px; right: 0; top: 0; border-radius:0 10px 10px 0; padding: 10px 15px; color: #ffffff;transition: all 0.5s ease 0s;}
.nltr .ubtn a:hover{ background-color: #439de0; color: #ffffff;}
.nltr .ubtn a:hover i{ background-color: #606e7f; color: #ffffff;transition: all 0.5s ease 0s;}

.nrtr h3{color: #354554; font-size: 24px; font-weight: 300;}
.nbox{border-bottom: 1px solid #eeeeee;}
.nbox:last-child{border-bottom: 0 none;}
.nbox small{ display: block; color: #a1afbd; margin-top: 10px;}
.nbox small i{ margin-right: 6px;}
.nbox a{font-size: 18px; font-weight: 600; }

/* Our Services and Testimonials */
.ser-test-bg{ background:url(../images/ser_testi_bg.jpg); padding:40px 0 30px;}
.ser-cnt{display: flex; width: 100%; padding-bottom:00px;}

.ser-cnt .wltr{ width:68%; padding:0px; float:left;}
.ser-cnt .wrtr{width:32%; height:100%;  float:right; padding:40px 40px 0 50px;}

.ser-cnt .wltr h1{color: #ff0000; font-size: 50px; font-weight: 800; text-transform:uppercase; padding:20px 0px 40px 22px; margin:0px; background:url(../images/title_bg.png) no-repeat left; line-height:38px;}
.ser-cnt .wltr h1 small{color: #fff; font-size: 22px; font-weight: 400; display: block; text-transform:capitalize; }
.ser-cnt .wltr h2{color: #cb0606; font-size: 43px; font-weight: 800; text-transform:uppercase; display: block;}
.ser-cnt .wltr p{color: #fff; font-size: 15px; text-align: justify; line-height:21px; padding:20px 0 30px; margin:0px;}
.ser-cnt .wltr .ubtn{padding-top: 10px;}

.ser-cnt .wrtr .wimg1{ padding-top:100px;}
.ser-cnt .wrtr .cutpice1{ position:absolute; z-index:-1; top:0px; right:0px; transition: all 0.5s ease 0s;}

.ser-cnt .wltr .ser_list{ display:flex; flex-direction:row; justify-content: space-between; flex-wrap: wrap;}
.ser-cnt .wltr .ser_list a{ background:#1f2539; border-radius:50px; margin:3px; padding:10px; width:100%; display:inline-block; font-size:16px; color:#fff; text-transform:uppercase; width:32%;}
.ser-cnt .wltr .ser_list a:last-child{ width:100%;}
.ser-cnt .wltr .ser_list a img{ width:auto; padding-right:5px; transition: all 0.5s ease 0s;}
.ser-cnt .wltr .ser_list a:hover{ background:#fff; color:#f00;}
.ser-cnt .wltr .ser_list:last-child{ border-bottom:#2c334a 5px solid; padding-bottom:50px;}
.ser-cnt .wltr .ser_list a:hover img{-webkit-transform: rotate(360deg); transform: rotate(360deg); transition: all 0.5s ease 0s;}

.testi-cnt{display: flex; width: 100%; padding-bottom:40px; position: relative;}
.testi-cnt .wltr{ width:100%; padding:0px; float:left;}
.testi-cnt .wrtr{width:100%; height:100%;  float:right; padding:40px 40px 0 50px; position:absolute;}
.testi-cnt .wltr h1{color: #ff0000; font-size: 50px; font-weight: 800; text-transform:uppercase; padding:20px 0px 40px 22px; margin:0px; background:url(../images/title_bg.png) no-repeat left; line-height:38px;}
.testi-cnt .wltr h1 small{color: #fff; font-size: 22px; font-weight: 400; display: block; text-transform:capitalize; }
.testi-cnt .wltr .message{ background:#1f2539; padding:10px 30px 0px; display:flex; flex-direction:row; margin-top:40px; transition: all 0.5s ease 0s;}
.testi-cnt .wltr .message a{ z-index:999;}
.testi-cnt .wltr p{color: #fff; font-size: 16px; text-align: justify; line-height:21px; padding:20px 0 30px; margin:0px; width:60%; text-align:center; font-style:italic;}
.testi-cnt .wltr p span{ color:#f00; font-size:16px; display:block; text-align:center; font-style:normal; font-weight:600; padding-top:10px;  transition: all 0.5s ease 0s;}
.testi-cnt .wltr .ubtn{padding-top: 10px;}
.testi-cnt .wltr .message:hover{ background:rgba(0,0,0,0.8);  transition: all 0.7s ease 0s;}
.testi-cnt .wltr .message:hover p span{ color:#f00;  transition: all 0.7s ease 0s;}
.testi-cnt .wrtr .wimg1{ padding-top:100px;}
.testi-cnt .wrtr .cutpice1{ position:absolute; z-index:-1; top:0px; right:0px; transition: all 0.5s ease 0s;}
.testi-cnt .wltr .ser_list{ display:flex; flex-direction:row; justify-content: space-between;}
.testi-cnt .wltr .ser_list a{ background:#1f2539; border-radius:50px; margin:3px; padding:10px; width:100%; display:inline-block; font-size:16px; color:#fff; text-transform:uppercase;}
.testi-cnt .wltr .ser_list a img{ width:auto; padding-right:5px;}
.testi-cnt .wltr .ser_list a:hover{ background:#fff; color:#f00;}
.testi-cnt .wltr .ser_list:last-child{ border-bottom:#2c334a 5px solid; padding-bottom:50px;}

.testi-cnt .wrtr .pro_imgshape{background:#f00; padding:5px; transition: all 0.5s ease 0s; border-radius:50px; width:38%; float:right;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 75%, 63% 100%, 66% 75%, 0 75%);clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 75%, 63% 100%, 66% 75%, 0 75%);}
.testi-cnt .wrtr .pro_imgshape1{background:#fff; padding:4px 5px 4px 4px; transition: all 0.5s ease 0s;  border-radius:50px;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 75%, 64.62% 97.96%, 67.39% 75.00%, 0px 75%);clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 75%, 64.62% 97.96%, 67.39% 75.00%, 0px 75%);}
.testi-cnt .wrtr .pro_imgshape1 img{width:100%;  border-radius:50px;
-webkit-clip-path: polygon(0% 0%, 100% 0%, 99.76% 73.60%, 85% 73.95%, 66.24% 96.5%, 69.23% 74.3%, 1px 73.95%);clip-path: polygon(0% 0%, 100% 0%, 99.76% 73.60%, 85% 73.95%, 66.24% 96.5%, 69.23% 74.3%, 1px 73.95%);}

.ft-prlinks1 { padding: 50px 0 0; overflow: hidden;} 
.ft-prlinks1 .row { margin: 0; } 
.ft-prlinks1 .ftitle h5 { color: #8496a1; font-size: 18px; font-weight: 500; } 
.ft-prlinks1 h6 { color: #ffe981; font-size: 16px; font-weight: normal;  } 
.ft-prlinks1 ul { margin: 0; padding: 0; } 
.ft-prlinks1 ul li { margin: 0; padding: 0; list-style: none; } 
.ft-prlinks1 .fot-enq{ padding:30px; display:flex; flex-direction:row; justify-content:space-between;}
.ft-prlinks1 .fot-enq .fot-enq-left{ width:38%; padding:50px 0 0 20px;}
.ft-prlinks1 .fot-enq .fot-enq-right{ width:62%; padding-left:3%;}
.ft-prlinks1 .fot-enq .fot-enq-right .alert-success{ display: flex; justify-content: space-between; align-items: center; border-radius: 50px; font-size: 16px; margin: 35px 0px;}

.ft-prlinks1 .fot-enq .fot-enq-right h2{ font-size:27px; color:#000; font-weight: 400; line-height:37px; padding-bottom:20px;}
.ft-prlinks1 .fot-enq .fot-enq-right h2 span{ font-size:45px; color:#f00; font-weight: 700; display:block; text-transform:uppercase;}
.ft-prlinks1 .fot-enq .fot-enq-right p{ font-size:14px; color:#333; text-align:left;}
.ft-prlinks1 .fot-enq .fot-enq-right p strong{ font-size: 16px; color: #333; text-align: left; width: 100%; display: flex; background-color: #f3f3f3; padding: 10px 20px; border-radius: 50px; font-weight: 600; text-transform: uppercase;}

.ft-prlinks1 .fot-enq .fot-enq-right .form-txt-sm{ width:49%; line-height:25px; background:#fff; padding:10px; font-size:15px; color:#000; text-align:left; border:#cecece 1px solid; margin:3px 0; border-radius: 10px;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-txt-lg{ width:98%; line-height:22px; background:#fff; padding:12px 10px; font-size:15px; color:#000; text-align:left; border:#cecece 1px solid; margin:3px 0; border-radius: 10px;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn{ display:flex; flex-direction:row; width:20%; background:#f00; padding:6px 10px; margin:20px 0 0; border-radius:50px; transition: all 0.5s ease 0s; text-align:left; border:none;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn:hover{background:#333; cursor:pointer; transition: all 0.5s ease 0s;}

.ft-prlinks1 .fot-enq .fot-enq-right .form-btn i{ padding-left:3px; padding-top:5px; background: #fff; color: #f00; border-radius: 50px; font-size: 30px; width: 38px; height: 38px; text-align: center;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn span{font-size:17px; color:#fff; text-align:left; text-transform:uppercase; line-height:38px; padding-left:10px; }
.ft-prlinks1 .fot-enq .fot-enq-right .form-txt::placeholder{ color:#000;}
.ft-prlinks1 .fot-enq .fot-enq-left .cutpice1{position: absolute; z-index: -1; top: 0px; left: 0px; transition: all 0.5s ease 0s;}

.fot-enq-bottom{ background:#1f2539; margin-top:-150px; padding:10px 0;}
.ftr1 { padding: 15px 0px; color: #999; width:65%; margin-left:35%;}
.ftrcol{display: flex; width: 100%;}
.ftr-logo { width: 10%; text-align: center; display: flex; justify-content: center; align-items: center; }
.ftr-logo span { position: absolute}
.ftr1 .head{padding-left: 20px; z-index:2;}
.ftr1 .head h3 { font-size:17px; color: #f00; font-weight:400; margin:0px 0px 3px;} 
.ftr1 .head small { color: rgba(255, 255, 255,1); font-size: 14px; padding: 0; margin: 0; font-weight: 300;} 
.ftr-cont{width: 100%; text-align: left; align-items:center; justify-content: space-between; color: #999; padding: 10px; display: flex; line-height:18px;}
.ftr-cont span h3{ font-size:17px; color: #f00; font-weight:400; margin:0px 0px 3px;}
.ftr-cont span{ border-left: 2px dotted #38405b; padding-left: 50px;}
.ftr-cont i { font-size: 16px; color: #004e1f; background-color:#fff; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; border-radius:30px;} 
.ftr-cont i:hover{ background:#35e746;}
.ftr-ph { padding: 0px; font-size: 15px; display: inline-block; color: #fff; font-weight: 400; z-index:2;} 
.ftr-ph2 { padding: 0px; font-size: 15px; display: inline-block; color: #fff; font-weight: 400; z-index:2; } 
.ftr-fax { padding:0; font-size: 15px; display: inline-block; color: #fff; font-weight: 400; z-index:2;} 
.ftr-mail { padding: 0; font-size: 15px; color: #fff; display: block; font-weight: 400; z-index:2;} 
.ftr-mail a{ padding: 0; font-size: 15px; color: #fff; font-weight: 400} 
.ftr-mail a:hover{ color: #fc0; text-decoration:underline;}

/* Footer Section */
.footer-wrapper{background-color: #cb0606;}
.ft-mainlink{border-bottom: 1px solid #ffffff; padding: 30px 0;}
.ft-mainlink h5{ color: #8496a1; font-size: 18px; font-weight: 500;}
.ft-mainlink .mlink span{ color: #bec1c2; padding: 0 10px;}

.ft-social{ text-align: right; font-size: 18px; margin-top: 5px;}
.ft-social a{margin-left: 5px;}
.ft-social a i{border: 1px solid #fff; width: 50px; text-align: center; padding: 12px 0; background-color: #fff; border-radius: 10px;}

.ft-prlinks{ padding: 40px 0; }
.ft-prlinks .lins{ display:flex; flex-direction:row; flex-wrap: wrap;justify-content: space-between; }
.ft-prlinks .ftitle h5{ color: #8496a1; font-size: 18px; font-weight: 500;}
.ft-prlinks h6{ color: #ffe981; font-size: 17px; font-weight: 200;}
.ft-prlinks ul{margin: 0; padding: 0;}
.ft-prlinks ul li{margin: 0; padding: 2px 0; list-style: none;}
.ft-prlinks ul li a{ font-size:15px; color:#fff; font-weight:400; background:#cb0606; margin: 0; padding:0 8px 0 5px; position: relative; display: inline-block; transition: all 0.3s linear 0s;}
.ft-prlinks ul li a:before{content: "\f0da"; font-family:fontAwesome; padding-right:5px; color:#fff; transition: all 0.3s linear 0s; width: 0;}
.ft-prlinks ul li a:hover{ background:#222; transition: all 0.3s ease-in-out 0s;}

.ft-copyright { background-color:#1f2539; padding: 30px 0; color: #fff; font-style: normal; font-size: 15px; font-weight: 300;} 
.ft-copyright .float-right{ padding: 0; /* display:none; */}

.xhidden{ opacity: 0;}
.xvisible{ opacity: 1;}
.xanimated {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
.xanimated2 {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
.modal-dialog{ width:50%; max-width:none; margin-left:auto; margin-right:auto; border-radius:25px; overflow: hidden;}
.about-page .about-pltr h4.modal-title{ padding:20px 0 0 10px; margin:0px; border-bottom:none;}
.modal-header{ display:block; border-bottom:none; padding-bottom:0px; margin-bottom:0px; padding: 15px 20px 5px;}
.modal-header button{ float:right;}
.modal-body .cont-frbox{ padding:0px; margin:0px;}

p.testimodel{ font-size:15px; text-align:center; padding:20px 20px 0;  color:#376285;}
p.testimodel img{ height:150px; width:auto; border-radius:300px; border:#CCC 1px solid; padding:3px; margin-bottom:5px;}
p.testimodel span{ font-size:15px; color:#000; font-weight:400; display:block; padding:20px; margin-top:20px; font-style:italic; background:#f9ffd0; border:#dbe2a8 1px solid; border-radius: 30px;}
p.testimodel small{ font-size:16px; color:#f00; font-weight:600; display:block; padding:0 0 00px 0; font-style:normal;}

.about-page .about-pltr .underconstruction{ text-align:center; margin:30px 0 30px 0;}
.about-page .about-pltr .underconstruction h1{ font-size:60px; font-weight:400; color:#cb0606; text-transform:none; border-bottom:none; margin-bottom:0px;}
.about-page .about-pltr .underconstruction p{ font-size:20px; text-align:center; color:#666; padding:10px 0;}
.about-page .about-pltr .underconstruction a{ font-size:15px; text-align:center; color:#fff; background:#cb0606; padding:7px 10px; border-radius:5px;}
.about-page .about-pltr .underconstruction a:hover{ background:#333;}
.banner-inner .img-fluid{ max-width:130%;}

.client-list{ padding:10px; border-radius:3px; margin-left:13px;}
.client-list .client-body{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 110px 40px; margin-top: 100px;}

.client-list .nbox{ float:left; text-align:center; padding:105px 20px 20px 20px; border:#c21b17 1px solid; border-radius:30px;}
.client-list .nbox small{ display: block; color: #f00; margin-top: 4px; font-size:15px; text-align:left; font-weight:bold; line-height:18px; }
.client-list .nbox small strong{ color: #666; font-size:13px; font-weight:normal; }
.client-list .nbox small i{ margin-right: 6px;}
.client-list .nbox h1{font-size: 15px; font-weight: 400; color:#bb1f1f; font-family: 'Raleway', sans-serif; text-align:justify; line-height:20px; border:none; margin:0px; padding:0px; font-style:italic;}
.client-list .nbox p{  font-family: 'Raleway', sans-serif; font-size:15px; color:#000; text-align:justify; line-height:20px; padding:10px 0; margin:0px; font-style:italic;}
.client-list .nbox span{ text-align:left; display:block; font-size:13px; color:#376285; padding-bottom:20px;}
.client-list .nbox a{ display:block; padding:0; font-size:14px; text-align:left; color:#bb1f1f;}
.client-list .nbox a:hover{ color:#ff0000}
.client-list .nbox .imgbox{ width:100%; display:block; position:relative; margin:-180px 0 0 0;}
.client-list .nbox img{ border:#cbcbcb 1px solid; padding:3px; border-radius:80px; margin-bottom:15px; background:#fff; width:130px;}

@media (max-width: 1600px) { 
.carousel-caption h3{width: 25%; height: 400px; top: -220px;}
.carousel-caption h4{width: 25%; height: 400px; top: -190px; left:30px;}
.carousel-caption h5{width: 25%; height: 400px; top: -160px; left:56px;}
.carousel-caption h1{ font-size: 30px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-40px; left:-20px;	}
.carousel-caption h1 span{ padding:25px 0 0 0;}
.carousel-caption h6{ top:-390px; right:40px;}
.carousel-caption h2{ font-size: 30px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-200px; left:-20px;	}
.carousel-caption h2 span{ padding:25px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1440px) { 
.carousel-caption h3{width: 25%; height: 400px; top: -220px;}
.carousel-caption h4{width: 25%; height: 400px; top: -190px; left:30px;}
.carousel-caption h5{width: 25%; height: 400px; top: -160px; left:56px;}
.carousel-caption h1{ font-size: 30px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-40px; left:-20px;	}
.carousel-caption h1 span{ padding:25px 0 0 0;}
.carousel-caption h6{ top:-320px;}
.carousel-caption h2{ font-size: 30px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-200px; left:-20px;	}
.carousel-caption h2 span{ padding:25px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}

.tab-over a{ min-width:0px; font-size:15px; padding:10px 15px;}
.tab-over .link1 a{ min-width:0px; font-size:15px; padding:10px 15px;}
.hompro-tab .nav-tabs-custom > .tab-content{ padding:20px 40px;}
.ser-bg{ padding:49px 0;}
.text strong{ font-size:17px;}
.homproj_cont .projlist .projbox{ display: block;}
.enq-bar h3{ padding-left:10px;}
.prd-listt .product-listt .pro_box{ margin:0 27px; max-width:29%;}
.ft-prlinks ul{ padding-left:10px;}
.ft-prlinks h6{ padding-left:10px;}
.ft-copyright{ padding-left:20px; padding-right:20px;}
.homclient_cont .clientlist span{ max-width:none; max-height:none;}
}

@media (max-width: 1280px) { 
.carousel-caption h3{width: 25%; height: 400px; top: -220px;}
.carousel-caption h4{width: 25%; height: 400px; top: -190px; left:30px;}
.carousel-caption h5{width: 25%; height: 400px; top: -160px; left:56px;}
.carousel-caption h1{ font-size: 30px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-40px; left:-20px;	}
.carousel-caption h1 span{ padding:25px 0 0 0;}
.carousel-caption h6{ top:-320px;}
.carousel-caption h2{ font-size: 30px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-200px; left:-20px;	}
.carousel-caption h2 span{ padding:25px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}

.prd-listt .product-listt .pro_box{ margin:0 27px; max-width:29%;}
.wel-cnt{ padding: 0 20px 50px;}
.homproj_cont{ padding-left:20px; padding-right:20px;}
.ser-test-bg{ padding:40px 20px 30px}
.nav-bg{ padding:0px 20px;}
.wel-cnt .wltr h1{ font-size:50px;}
.wel-cnt .wltr p{ padding:20px 0 0; font-size:14px;}
.wel-cnt .wltr .wbtn a{ margin:30px 0 0;}

.tab-over a{ min-width:0px; font-size:15px; padding:10px 15px;}
.tab-over .link1 a{ min-width:0px; font-size:15px; padding:10px 15px;}
.hompro-tab .nav-tabs-custom > .tab-content{ padding:20px 40px;}
.ser-bg{ padding:49px 0;}
.text strong{ font-size:17px;}
.homproj_cont .projlist .projbox{ display: block;}
.enq-bar h3{ padding-left:10px;}
.ft-prlinks ul{ padding-left:10px;}
.ft-prlinks h6{ padding-left:10px;}
.ft-copyright{ padding-left:20px; padding-right:20px;}
.modal-dialog{ width:75%; max-width:none;}
.navbar-light .navbar-nav .nav-link{ font-size:16px; padding:30px 13px 13px;}
.top-bar i{ width:30px; height:30px; line-height:30px; font-size:15px;}
.top-bar{ padding:5px;}
.navbar-light .navbar-brand img{ width:70%; margin-top:5px;}
.sticky.navbar-light .navbar-brand img{ width:65%; margin-top:-10px;}
.app-bar { font-size: 15px; padding: 8px 20px 8px 30px; top: 72px;}
.banner-content-inner h1 span{ font-size:35px; }
.banner-content-inner h1 span small{ font-size:20px; }
.banner-inner .img-fluid{ max-width:130%;}
}

@media (max-width: 1200px) {
.app-bar {top: 68px;}
.carousel-caption h3{width: 25%; height: 330px; top: -140px;}
.carousel-caption h4{width: 25%; height: 330px; top: -120px; left:30px;}
.carousel-caption h5{width: 25%; height: 330px; top: -104px; left:56px;}
.carousel-caption h6{ top:-320px;}

.carousel-caption h1{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 25px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:00px; left:-20px;	}
.carousel-caption h1 span{ font-size:70px; padding:15px 0 0 0;}
.carousel-caption h2{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 25px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-130px; left:-20px;	}
.carousel-caption h2 span{ font-size:70px; padding:15px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}

.prd-listt .product-listt .pro_box{ margin:0 11px; max-width:31%;}
.wel-cnt{ padding: 0 20px 50px;}
.homproj_cont{ padding-left:20px; padding-right:20px;}
.ser-test-bg{ padding:40px 20px 30px}
.nav-bg{ padding:0px 20px;}
.wel-cnt .wltr h1{ font-size:40px;}
.wel-cnt .wltr p{ padding:20px 0 0;}
.wel-cnt .wltr .wbtn a{ margin:30px 0 0;}

.navbar-light .navbar-nav .nav-link{ font-size:14px; padding:30px 9px 10px;}
.top-bar i{ width:25px; height:25px; line-height:25px; font-size:15px;}
.top-bar{ padding:5px; top:-17px;}
.navbar-light .navbar-brand{ width:13%; margin-right:0px;}
.navbar-light .navbar-brand img{ width:100%; margin-top:5px;}
.nav-bg{ top:25px;}

.sticky.navbar-light .navbar-nav .nav-link{font-size:14px; padding:17px 9px 7px;}
.sticky.navbar-light .navbar-brand{ margin-top:-30px;}
.sticky .top-bar i{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
.sticky .top-bar { padding: 3px; top: -27px;}
.sticky.nav-bg{ height:85px;}
.sticky.nav-bg{ top:0px;}
.sticky .app-bar{ top:49px;}
.sticky.navbar-light .navbar-brand img{ width:75%; margin-top:00px;}

.tp1{ font-size:14px;}
.tp-email { margin-right: 6px;}
.wel-cnt .wrtr .cutpice1{ text-align:right;}
.wel-cnt .wrtr .cutpice1 img{ width:60%;}
.ser-cnt .wltr .ser_list a img{ padding-right:0px;}
.ser-cnt .wltr .ser_list a{ padding:7px; font-size:15px; text-transform:none;}

.testi-cnt .wltr p{ padding:10px 0 20px; font-size:16px;}
.testi-cnt .wltr h2{ padding:70px 0 0 30px;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn{ width:30%;}
.homproj_cont .projlist .projbox .prodet{ padding:10px;}
.homproj_cont .projlist .projbox .prodet a{ padding:0px;;}
.homproj_cont .projlist .projbox .prodet h3{ font-size:15px;}

.homproj_cont .area{ background-size:50%;}
.homproj_cont .area .left{ width:33%;}
.homproj_cont .area .right{ width:67%;}

.prd-listt .product-listt .pro_box .pro_imgshape1 img{clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%, 0 32%); -webkit-clip-path: polygon(23% 0, 100% 0, 100% 100%, 0 100%, 0 32%);}

.banner-content-inner h1{margin-top: -120px;}
.banner-content-inner h1 span{ font-size:30px; line-height: 28px; height: 85px;}
.banner-content-inner h1 span small{ font-size:18px; }
.news-bg .nbox h1{ font-size:15px; text-transform:none;}

.effects .prodemo{ width:31%; margin:5px;}
.ser-cnt .wrtr{ padding-left:0px;}
}

/* Medium devices (tablets, less than 1024px) */
@media (max-width: 1024px) {
.carousel-caption h2 span{ font-size: 50px;}
.carousel-caption h2{ font-size: 20px;}
.carousel-caption h1{ font-size: 20px;}
.carousel-caption h1 span{ font-size: 50px;}

.prd-listt h1{ font-size: 60px;}
.prd-listt .product-listt .pro_box p strong{ font-size: 22px;}
.wel-cnt{ align-items: center;}
.cont-frbox .alert-success{ width:100%;}

.homproj_cont h1 span{ font-size: 40px;}
.ft-prlinks1 .fot-enq .fot-enq-right{ width: 55%;}
.pro_imgshape1 img{ max-height:550px;}
.ft-prlinks1 .fot-enq{ align-items: flex-start;}
.fot-enq-bottom{ margin-top:-80px;}
.ftr1{ width: 75%; margin-left:23%;}
.prd-listt .product-listt .pro_box{ margin-right: 2px;}
.prd-listt .product-listt .pro_box:last-child{ margin-right: 0;}
body{ overflow-x: hidden;}
.pro-img{ grid-template-columns: repeat(4,1fr);}
.client-list .client-body{ grid-template-columns: repeat(2,1fr); grid-gap: 110px 40px;}
} 

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) { 
.app-bar { display:none;}
li.nav-extra{ display:block;}
.carousel-caption h3{width: 25%; height: 330px; top: -140px;}
.carousel-caption h4{width: 25%; height: 330px; top: -120px; left:30px;}
.carousel-caption h5{width: 25%; height: 330px; top: -104px; left:56px;}
.carousel-caption h6{ top:-200px; right:50px;}
.carousel-caption h6 img{ height:400px; width:auto;}
.carousel-caption h1{ font-size: 20px;}
.carousel-caption h1 span{ font-size: 40px;}
.pro_imgshape1 img{ max-height: 400px;}
.navbar-toggler:not(:disabled):not(.disabled){ border: 0; padding:4px; background-color: #fff; border-radius: 50px;}
.carousel-caption h1{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 20px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:00px; left:-20px;}
.carousel-caption h1 span{ font-size:50px; padding:15px 0 0 0;}
.carousel-caption h2{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 20px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-130px; left:-20px;}
.carousel-caption h2 span{ font-size:40px; padding:15px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}

.prd-listt .product-listt .pro_box{ margin:0 10px 0 19px; max-width:30%;}
.wel-cnt{ padding: 0 20px 50px;}
.homproj_cont{ padding-left:20px; padding-right:20px;}
.ser-test-bg{ padding:40px 20px 30px}
.nav-bg{ padding:0px 20px;}
.wel-cnt .wltr h1{ font-size:40px;}
.wel-cnt .wltr p{ padding:20px 0 0;}
.wel-cnt .wltr .wbtn a{ margin:30px 0 0;}

.navbar-light .navbar-nav .nav-link{ font-size:14px; padding:15px 9px 10px;}
.top-bar i{ width:25px; height:25px; line-height:25px; font-size:15px;}
.top-bar{ padding:5px;}
.navbar-light .navbar-brand{ width:15%; margin-right:0px;}
.navbar-light .navbar-brand img{ width:100%; margin-top:5px;}
.tp1{ font-size:14px;}
.tp-email { margin-right: 6px;}
.wel-cnt .wrtr .cutpice1{ text-align:right;}
.wel-cnt .wrtr .cutpice1 img{ width:60%;}
.ser-cnt .wltr .ser_list a img{ padding-right:0px;}
.ser-cnt .wltr .ser_list a{ padding:7px; font-size:15px; text-transform:none; }

.testi-cnt .wltr p{ padding:10px 0 20px; font-size:16px;}
.testi-cnt .wltr h2{ padding:70px 0 0 30px;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn{ width:30%;}
.homproj_cont .projlist .projbox .prodet{ padding:10px;}
.homproj_cont .projlist .projbox .prodet a{ padding:0px;;}
.homproj_cont .projlist .projbox .prodet h3{ font-size:15px;}

.homproj_cont .area{ background-size:50%;}
.homproj_cont .area .left{ width:33%;}
.homproj_cont .area .right{ width:67%;}

.nav-bg{ top:0px;}
.top-bar{ top:-17px; display:none;}
.ftr1{width: 90%; margin-left: 5%;  margin-right: 5%;}
.ftr-cont span{ padding-left: 30px;}

.navbar-light .navbar-toggler{ background:#f00; padding:7px;}
.pro-img{ grid-template-columns: repeat(4,1fr);}
.pro-img span a img{ height: 200px;}

.sticky.navbar-light .navbar-nav .nav-link{font-size:14px; padding:17px 9px 7px;}
.sticky.navbar-light .navbar-brand{ margin-top:-30px;}
.sticky.nav-bg{ height:70px; padding:0px;}
.sticky .top-bar i{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
.sticky .top-bar { padding: 3px;}
.sticky.navbar-light .navbar-brand img{ margin-top:25px; width: 85%;}
.sticky .navbar{ top:13px;}
.sticky .navbar-brand{ padding-left:20px;}
.sticky .navbar-nav{ background:rgba(0,0,0,0.85); width:100%; margin-top:4px;}
.sticky.navbar-light .navbar-toggler{ margin-right:20px;}

.ser-cnt .wltr .ser_list a{ width:48%;}
.mega-dropdown-menu > li ul > li > a:hover,.mega-dropdown-menu > li ul > li > a:focus { text-decoration: none; color: #fff; background:#333; border-left:#f00 7px solid;}
.about-page .about-pltr .cer-img span{ width: 50%;}

.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}
.nav-bg{ background:rgba(0,0,0,0.9); z-index: 20;}
.mega-dropdown-menu { width: 100%;}
.testi-cnt .wltr p{ width:80%;}
}

@media (max-width: 850px){
.carousel-caption h3{width: 22%; height: 250px; top: -110px;}
.carousel-caption h4{width: 22%; height: 250px; top: -90px; left:10px;}
.carousel-caption h5{width: 22%; height: 250px; top: -74px; left:24px;}
.carousel-caption h6{ top:-160px; right:-300px;}
.carousel-caption h6 img{ width:44%; height:auto;}

.carousel-caption h1{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 20px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:00px; left:-20px;	}
.carousel-caption h1 span{ font-size:36px; padding:10px 0 0 0;}
.carousel-caption h2{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 20px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-100px; left:-20px;	}
.carousel-caption h2 span{ font-size:36px; padding:10px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}

.prd-listt .product-listt .pro_box{ margin:0px 27px 30px; max-width:43%;}
.wel-cnt{ padding: 0 20px 20px; flex-direction:column;}
.homproj_cont{ padding-left:20px; padding-right:20px;}
.ser-test-bg{ padding:40px 20px 30px}
.nav-bg{ padding:0px 20px;}
.wel-cnt .wltr h1{ font-size:50px;}
.wel-cnt .wltr p{ padding:20px 0 0;}
.wel-cnt .wltr .wbtn a{ margin:30px 0 0;}

.navbar-light .navbar-nav .nav-link{ font-size:14px; padding:5px 10px 10px;}
.top-bar i{ width:25px; height:25px; line-height:25px; font-size:15px;}
.top-bar{ padding:5px;}
.navbar-light .navbar-brand{ width:13%; margin-right:0px;}
.navbar-light .navbar-brand img{ width:100%; margin-top:5px;}

.sticky.navbar-light .navbar-nav .nav-link{font-size:14px; padding:8px 15px 8px;}
.sticky.navbar-light .navbar-brand{ margin-top:-30px;}
.tp1{ font-size:14px;}
.sticky .top-bar i{width: 25px;height: 25px;line-height: 25px;font-size: 14px;}
.sticky .top-bar { padding: 3px;}
.sticky.nav-bg{ height:65px;}
.tp-email { margin-right: 6px;}
.wel-cnt .wrtr .cutpice1{ text-align:right;}
.wel-cnt .wrtr .cutpice1 img{ width:60%;}
.ser-cnt .wltr .ser_list a img{ padding-right:0px;}
.ser-cnt .wltr .ser_list a{ padding:7px; font-size:15px; text-transform:none;}

.testi-cnt .wltr p{ padding:10px 0 20px; font-size:16px;}
.testi-cnt .wltr h2{ padding:70px 0 0 30px;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn{ width:30%;}
.homproj_cont .projlist .projbox .prodet{ padding:10px;}
.homproj_cont .projlist .projbox .prodet a{ padding:0px;;}
.homproj_cont .projlist .projbox .prodet h3{ font-size:15px;}

.homproj_cont .area{ background-size:50%;}
.homproj_cont .area .left{ width:33%;}
.homproj_cont .area .right{ width:67%;}

.nav-bg{ top:0px;}
.top-bar{ top:-17px;}

.ft-prlinks1 .pro_imgshape1 img{ display:none;}
.ft-prlinks1 .fot-enq .fot-enq-left{ width:3%;}
.ft-prlinks1 .fot-enq .fot-enq-right{ width:100%; padding-left:0%; padding-top:20px;}

.ftr1{ width:100%; margin-left:0%;}
.fot-enq-bottom{ margin-top:0px;}
.ft-prlinks1{ padding:0px;}

.prd-listt h1{ font-size:55px; padding:0 0 40px 0;}
.wel-cnt .wltr{ width:100%;}
.wel-cnt .wrtr{ width:80%; margin:10px auto 0;}
.prd-listt{ padding:50px 0px 40px 0px;}
.ser-cnt .wltr .ser_list:last-child{ padding-bottom: 30px;}
.wltr-cnt{ padding: 15px 0px;}
.effects .prodemo{ width:32%; margin:7px;}
.news-bg .nbox{ width:50%;}
.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}

.nav-bg{ background:rgba(0,0,0,0.9);}
.effects .prodemo{ width:47%;}
.testi-cnt .wltr p{ width:80%;}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px){
.nav-bg{ background:rgba(0,0,0,0.9);}
.inner-banner{ padding-top:0px;}
.effects .prodemo p{ font-size:14px; line-height:18px;}
.about-page .about-pltr h1{ padding:0 0 5px 0;}
.effects .prodemo a{ font-size:13px; }
.ser-cnt .wltr .ser_list a{ width:100%;}
.tab-over a{ min-width:0px; font-size:15px; padding:7px 10px;}
.tab-over .link1 a{ min-width:0px; font-size:15px; padding:10px 15px;}
.hompro-tab .nav-tabs-custom > .tab-content{ padding:20px 40px;}
.text strong{ font-size:17px;}
.homproj_cont .projlist .projbox{ display: block;}
.enq-bar h3{ padding-left:10px;}
.prd-listt .product-listt .pro_box{ max-width:45%; width:45%; margin:16px;}
.ft-prlinks ul{ padding-left:10px;}
.ft-prlinks h6{ padding-left:10px;}
.ft-copyright{ padding-left:20px; padding-right:20px;}	

.client-page .client-part span:nth-child(4n+4){ margin-right:20px;}
.client-page .client-part span:nth-child(5n+5){ margin-right:20px;}
.prd-nav-image{ width:100%;}
.prd-cont-nav{ width:100%; padding:20px 0px;}
.our-address .ccont1{ width:100%; margin-bottom:15px; margin-right:0;}
.our-address{flex-wrap: wrap;}
.nws-det{ width:50%;}
.nws-det:nth-child(2n+2){ border-right:none;}
.client-page .client-part{ width:100%;}
.client-page .client-part2{ float:none; width:100%;}
.client-page .client-part span{ width:48%; margin-right:9px;}
.client-page .client-part span:nth-child(2n+2){ margin-right:0px;}
.client-page .client-part span:nth-child(5n+5){ margin-right:9px;}
.client-page .client-part span:nth-child(4n+4){ margin-right:9px;}
.client-page .client-part span:nth-child(3n+3){ margin-right:9px;}
.about-page .about-pltr1 em::before { width:90px; bottom:7px;}
.about-page .about-prtr2 em::before { width:90px; bottom:7px;}
.about-page .about-pltr h1{ font-size: 25px; line-height: 24px; padding: 10px; height: 70px; background-size: 15%;}
.about-page .about-pltr h1 small{ font-size:15px;}
.about-page .about-pltr{ padding-right:0px;}
.breadcrumb_part{ padding:8px 15px; font-size:11px; margin-left:20px;}
.banner-content-inner h1{ margin-top:-70px; background-image:none; margin-left:20px;}
.banner-content-inner h1 span{ font-size:15px; padding:4px 13px; height:auto; margin-left:0px; line-height:20px;}
.banner-content-inner h1 span small{ font-size:15px;}
.about-page .about-pltr h1::before { width:390px;}
.top-bar .row { display:block; padding-top:5px;}
.top-bar .row .tp1{ width:80%; float:right;}
.top-bar .row .tp2{ width:40%; float:left;}
.news-bg{ padding:30px 0px; background: #d1e8f9;}
.prd-listt .product-listt .col{ width:32%;}
.prd-listt .product-listt .prd-box{ max-width:33%; margin-right:1px; margin-bottom:20px;}
.prd-listt .product-listt .prd-box:nth-child(3n+3){ margin-right:0;}
.wel-bg{ padding:10px 15px 30px 15px;}
.wel-cnt .wltr h1{ font-size:42px;}
.wel-cnt .wltr h2{ font-size:30px;}
.wel-cnt .wltr p{ font-size:15px; line-height:25px; padding-top:0px;}
.wel-bg{ height:auto; }
.wel-cnt{ height:auto;}
.enq-bar .max-cntr .row{ display:block;}
.enrtr{ text-align:center;}
.enq{ text-align:center;}
.wel-cnt .wrtr .wimg1{ right:0px; bottom:230px;}
.wel-cnt .wltr{ padding:0;}
.wltr-cnt{ padding:20px 0;}
.prd-listt{ padding:0px 0;}
.prd-listt .prd-title h4{ font-size:30px; margin-bottom:15px; margin-top:20px;}
.cl-tit h5{ display:22px;}
.cl-tit h5 b{ font-size:40px;}
.mega-dropdown-menu{  height:auto;}
.prd-listt h4.prd-title{ padding:10px;}
.prd-item .prd-img{ width:29%; padding-left:9px;}
.prd-item .prd-cont{ width:70%;}
.det-tab .pro-img span{ width:33%;}
.det-tab .pro-img span:nth-child(3n+3){ border-right:none;}
.det-tab .pro-img span:nth-child(5n+5){ border-right: 1px solid #dbdff8;}
.det-tab .nav-tabs > li > a{ padding:6px 8px; font-size:16px;}
.det-tab .nav-tabs-custom > .tab-content{ padding:15px;}
.prd-det .prd-img{ width:35%;}
.prd-det .prd-cont{ width:65%;}
.tab-over h2{ font-size:26px;}
.navbar-toggler:not(:disabled):not(.disabled){ border: 0 none;}

.ser-bg{ padding:27px 0; background:url(../images/service_bg.jpg) -420px no-repeat;}
.ser-cnt .wltr{ width:60%; }
.ser-cnt .wrtr{ width:40%; padding:40px 0px 0 0px; text-align: center;}
.ser-cnt .wltr h2{ font-size:22px;}
.ser-cnt .wltr h2 span{ font-size:20px;}

.inner-part{ padding-bottom: 30px;}
.testi-cnt .wrtr{ padding: 65px 40px 0 50px;}
.testi-cnt .wrtr .pro_imgshape{ width: 25%;}
.testi-cnt{ padding-bottom: 0;}

.homproj_cont .projlist .projbox .text{ top:88px;}
.text strong{ font-size:20px;}
.homproj_cont .projlist .projbox:hover .overlay{ height:170px;}
.homclient_cont .clientlist span{ padding:8px; margin:0 0px 0 5px;}
a.enq-btn{ padding:15px;}
.enq-bar{ padding:20px 0 60px;}

.pro-img{grid-template-columns: repeat(3,1fr);}
.effects .prodemo{ width:47%; margin:7px 5px;}
.effects .prodemo h1{ font-size:16px; margin-bottom:0px; height:auto; padding:0px 0 5px 0;}
.effects .prodemo p{ margin-bottom:10px;}
.effects .prodemo a{ margin-top:10px;}

.prj-cont .cont span em{width:30%; }
.prj-cont .cont span small{width:70%;}
.modal-dialog{ width:90%; max-width:none;}

.about-page .about-pltr .underconstruction h1{ font-size:45px; }
.about-page .about-pltr .underconstruction p{ font-size:16px; }
.about-page .about-pltr .underconstruction a{ font-size:15px; }

.ft-prlinks{ padding: 20px 0 20px; }
.ft-prlinks .lins{ display:flex; flex-direction:row; flex-wrap: wrap;justify-content: space-between; }
.ft-prlinks .lins .sep{ width:33%; margin:10px 0;}

.ser-cnt .wltr h1{font-size: 40px;}
.testi-cnt .wltr p{ width:100%;}
.testi-cnt .wltr .message{flex-direction: column; margin-top: 20px;}
.testi-cnt .wltr h2{padding: 20px 0 0 30px; text-align: center; width: 100%;}
.testi-cnt .wltr h1{ font-size:43px;}
.homproj_cont .area .left{padding-left: 0px; margin-left: -50px; margin-right: 40px;}
.homproj_cont h1 span{ font-size:40px;}

.homproj_cont .area .left{ display:none;}
.homproj_cont .area .right{ width:100%; padding:0 30px;}
.carousel-caption h3{width: 22%; height: 250px; top: -110px;}
.carousel-caption h4{width: 22%; height: 250px; top: -90px; left:10px;}
.carousel-caption h5{width: 22%; height: 250px; top: -74px; left:24px;}
.carousel-caption h6{ top:-160px; right:-300px;}
.carousel-caption h6 img{ width:44%; height:auto;}

.carousel-caption h1{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 22px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:00px; left:-20px;}
.carousel-caption h1 span{ font-size:50px; padding:10px 0 0 0;}
.carousel-caption h2{text-shadow: 3px 3px rgba(0,0,0,0.3); font-size: 22px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-100px; left:-20px;	}
.carousel-caption h2 span{ font-size:50px; padding:10px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}

.nav-bg{ top:0px;}
.sticky.nav-bg{ height:55px;}
.sticky.navbar-light .navbar-toggler{ margin-top:-10px;}
.sticky .navbar-nav{ margin-top:1px; padding: 10px 10px;}
.prd-listt h1{ padding:30px 0 30px 0; font-size: 50px; padding: 30px 0 20px 0;}
.wel-cnt .wltr .wbtn a{ font-size:16px;}

.banner-content-inner h1{margin-top: -100px;}
.banner-content-inner h1 span{ font-size:24px; line-height: 22px; height: 63px;}
.banner-content-inner h1 span small{ font-size:15px; }
.banner-inner .img-fluid{ max-width:130%;}

.news-bg .nbox{ width:50%;}
.clnt-bg .nbox{ width:45%;}
.clnt-bg .nbox:last-child{ display:none;}
}

@media (max-width: 670px) {
.carousel-caption h3{ display:none;}
.carousel-caption h4{ display:none;}
.carousel-caption h5{ display:none;}
.carousel-caption h6{ top:-160px; right:-300px;}
.carousel-caption h6 img{ width:44%; height:auto;}
.carousel-caption h1{text-shadow: 1px 1px rgba(0,0,0,0.3); font-size: 18px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:30px; left:-40px;}
.carousel-caption h1 span{ font-size:40px; padding:10px 0 0 0;}
.carousel-caption h2{text-shadow: 1px 1px rgba(0,0,0,0.3); font-size: 18px; padding:0px 0px 20px 0px; margin:0px 0 0 50px; top:-60px; left:-40px;}
.carousel-caption h2 span{ font-size:40px; padding:10px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}
.navbar-light .navbar-brand{ width:20%;}

.wel-cnt .wltr h2{ font-size:25px;}
.wel-cnt .wltr h1{ font-size:40px; font-weight:400;}
.wel-cnt .wltr h1 small{ font-size:17px; padding-bottom:0px;}
.tab-over h2{ font-size:22px;}
.ser-bg{ padding:0px;background:url(../images/service_bg.jpg) -500px;  background-size:cover; }
.homproj_cont{ padding-top:40px;}
.prd-listt h1{ font-size:50px;}
.prd-listt .product-listt .pro_box{ width:95%; max-width:95%;}

.prd-listt .product-listt .pro_box .pro_imgshape1 img{clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%, 0 15%); -webkit-clip-path: polygon(19% 0, 100% 0, 100% 100%, 0 100%, 0 15%); width:100%;}
.prd-listt .product-listt .pro_box .cutpice{ clip-path: polygon(0 0, 0% 70%, 100% 0); -webkit-clip-path: polygon(0 0, 0% 70%, 100% 0); width: 30%; height: 35%;}
.ser-cnt .wrtr{ display:none;}
.ser-cnt .wltr{ width:99%;}
.ser-cnt .wltr .ser_list a{ width:48%;}
.testi-cnt .wrtr{ display:none;}
.ftr-cont{ text-align:left; flex-direction: column; align-items:flex-start;}
.ftr-cont span{ padding-left:20px; border-left:none; margin:0 0 10px 0;}
.ftr1 .head{ margin-bottom:10px;}
.wel-cnt .wltr .wbtn a{ font-size:15px;}
.clnt-bg .nbox h3{ font-size:15px; line-height: 22px;}

.wel-cnt .wrtr .cutpice{width: 110px; height: 110px; top: 60px; margin-left: 20px;}
.cont-text .cont-num{flex-direction: column;}
.cont-text .cont-num span{ padding:5px 0; border-right:none;}
.about-page .about-pltr .cer-img span{ width:100%;}
.client-list .client-body{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 100px 20px;}
.ft-prlinks1 .fot-enq .fot-enq-right .alert-success{ font-size: 14px; line-height: 18px; margin: 15px 0px;}
.cont-frbox .alert-success{ font-size: 14px; line-height:18px;}
.effects .prodemo{ width:100%;}
.ft-copyright{ text-align:center;}
.ft-copyright .float-right{float: none !important; display:block; text-align:center; padding-top:10px;}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.body-part{ padding:20px; margin-top: 20px;}
.about-page .about-pltr p{ font-size:14px; line-height:21px;}
.carousel-caption h3{ display:none;}
.carousel-caption h4{ display:none;}
.carousel-caption h5{ display:none;}
.carousel-caption h6{ top:-20px; right: 30px; display: flex; justify-content: flex-end; width: 100%;}
.carousel-caption h6 img{ width:29%; height:auto;}

.carousel-caption h1{text-shadow: 1px 1px rgba(0,0,0,0.3); font-size: 14px; padding:0px 0px 10px 0px; margin:-10px 0 0 50px; top:60px; left:-20px;}
.carousel-caption h1 span{ font-size:18px; padding:0px 0 0 0;}
.carousel-caption h2{text-shadow: 1px 1px rgba(0,0,0,0.3); font-size:14px; padding:0px 0px 10px 0px; margin:0px 0 0 50px; top:0px; left:-40px;}
.carousel-caption h2 span{ font-size:18px; padding:0px 0 0 0;}
.carousel-caption{ width:100%; left:4%;}
.navbar-light .navbar-brand{ width:20%;}

.banner-content-inner h1{ margin-top: -60px;}
.banner-content-inner h1 span{ font-size: 16px; line-height:18px; height:48px;}
.banner-content-inner h1 span small{ font-size: 13px;}
.sticky.navbar-light .navbar-brand img{ margin-top:27px; width: 90%;}
.homproj_cont { padding-bottom: 15px;}
.navbar-light .navbar-toggler{ border-radius: 50px; padding: 4px; background-color:rgba(255, 255, 255, 0.9);}
.ft-prlinks1 .fot-enq .fot-enq-left .cutpice1{ display: none;}

.prd-listt h1{ font-size:40px; padding:20px ​0 10px;}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover{ padding-top: 55px;}

.homproj_cont .projlist .projbox .text{ top:85px;}
.client-page .client-part span{ width:100%;}
.our-address .ccont1 h1{ font-size:16px;}
.enquiry .csr-form h1{ font-size:18px;}
.inner-title h1{ font-size:18px;}
.client-page .client-part span{ width:100%; margin-bottom:10px;}
.banner-content-inner{ top:15%;}
.title-tab a{ display:block; line-height:1.7; line-height: 1.7; background: #eef4f9; margin-bottom: 4px;}
.title-tab{ margin:12px;}
.about-page .about-pltr h1::before { width: 290px;}
		
.about-page .about-pltr h1{ font-size:25px; line-height:23px; background-size:33%; padding:25px 0px 40px 16px; height:auto; background-size:20%;}
.about-page .about-pltr h1 small{ font-size:17px; }

.carousel-caption{ padding: 10px 45px 10px 20px; bottom:30%;}
.carousel-indicators li{ width:20px;}
.carousel-indicators{ bottom:0px;}
.prd-listt .prd-box::before{ height:280px; padding:13px 15px;}
.prd-listt .prd-box p{ margin-bottom:18px;}
.mega-dropdown-menu{ height:auto;}
.clnt-list .col-4{ margin-right:4px; margin-bottom:8px;}
#accordion .panel-title a{ padding:1px 20px 20px 70px;}
.text strong{ font-size:17px;}
	
.ft-prlinks{ padding: 10px 0 10px; }
.ft-prlinks .lins{ display:flex; flex-direction:row; flex-wrap: wrap;justify-content: space-between; }
.ft-prlinks .lins .sep{ width:100%; margin:20px 15px 0px;}
.ft-prlinks .lins .sep:last-child{ margin-bottom: 20px;}

.prd-listt .product-listt .pro_box .pro_imgshape1 img{ width:100%;}
.wel-cnt .wltr h1{ line-height:21px; font-size:22px;}
.wel-cnt .wltr p{ font-size:14px; line-height:20px; padding-bottom:10px;}
.wel-cnt .wrtr .cutpice{ width:25%; height:25%;}
.wel-cnt .wrtr{ padding:20px 20px 0 0px; width:100%;}
.homproj_cont .area{ padding:30px 0 20px;}
.homproj_cont h1{ font-size:17px; line-height:20px; background-image:none; padding:0 0 0 10px;}
.homproj_cont h1 span { font-size: 25px; margin-top: 5px;}
.homproj_cont .area .right{ padding:0;}
.homproj_cont .area { background-size: 30%; padding:20px 0;}

.ser-cnt .wltr h1{ font-size:25px; line-height:25px; background-size:30%; padding: 40px 20px 10px;}
.ser-cnt .wltr h1 small{ font-size:17px;}
.ser-test-bg{ padding-top:0px;}
.ser-cnt .wltr p{ font-size:14px; line-height:21px; padding-top:0px;}
.ser-cnt .wltr .ser_list a{ width:98%;}
.ft-prlinks1 .fot-enq .fot-enq-right{ padding-top: 10px;}

.testi-cnt{ padding-bottom:0px;}
.testi-cnt .wltr h1{ font-size:25px; line-height:25px; background-size:30%; padding:20px 0px 20px 22px;}
.testi-cnt .wltr h1 small{ font-size:17px;}

.ft-prlinks1 .fot-enq .fot-enq-right h2 span{ font-size:25px;}
.ft-prlinks1 .fot-enq .fot-enq-right h2 { font-size:17px; line-height:25px;}
.ft-prlinks1 .fot-enq .fot-enq-left{ width:0%; padding-left:0px;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-txt-sm{ width:98%;}
.ft-prlinks1 .fot-enq .fot-enq-right .form-btn{ width:55%;}

.effects .prodemo h1{ font-size:15px; text-transform:uppercase; padding:0px 0 5px 0;}
.pro-img{ grid-template-columns: repeat(2,1fr); grid-gap:10px;}

.wel-cnt .wrtr .cutpice{width: 90px; height: 90px; top: 35px; margin-left: 20px;}
.about-page .about-prtr .wrtr .cutpice{ width: 30%; height: 35%; top: 60px; margin-left: 20px;}
.prd-listt h1{ padding-bottom: 5px;}

.ftr1 .head{ width: 100%;}
.ftr-cont span{ width: 100%;}
.inner-part{ padding-bottom:30px;}

.contactpg .card-footer iframe{ height: 300px;}
.corp-frm .form-group.row > label{ text-align: left;}
.cont-frbox .corp-frm .fs-title{ margin-bottom:10px; font-size: 25px;}
.corp-frm{ margin-bottom:20px;}
}

@media (max-width: 450px) {
.navbar-light .navbar-brand{ width:25%;}
.prd-listt h1{ font-size:30px; padding:20px ​0 10px;}
.clnt-bg .nbox{ width:95%; margin-bottom:50px;}
.clnt-bg .nbox a h2{ padding-top:15px;}
.prd-listt .product-listt .pro_box .pro_list .pro_list_left{ width:100%;}
.prd-listt .product-listt .pro_box .cutpice{ clip-path: polygon(0 0, 0% 70%, 100% 0); -webkit-clip-path: polygon(0 0, 0% 70%, 100% 0); width: 30%; height: 30%;}
.about-page .about-prtr .wrtr .cutpice{ width: 30%; height: 35%; top: 60px; margin-left: 20px;}
.cont-text .cont-num{ font-size:14px;}
}