@font-face{font-family: PTSans;src: url(../fonts/PTSans.ttf);}
@font-face{font-family: PTSansI;src: url(../fonts/PTSansI.ttf);}
@font-face{font-family: PTSansB;src: url(../fonts/PTSansB.ttf);}
@font-face{font-family: PTSansBI;src: url(../fonts/PTSansBI.ttf);}

body{background:#cecece;margin: 0;padding: 0;font-family: 'ptsans';overflow-x:hidden;color:#2a2a2a;font-size:16px;letter-spacing: 0.25px;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
h1, h2, h3, h4, h5{margin:0; padding:0; font-weight:normal; font-family:BaiJamjuree-bold;color:#2a2a2a;}
a {text-decoration:none; color:#ae0c1d; transition:all 0.3s ease-in-out;}
a:focus {outline:none;}
a:hover {transition:0.3s;cursor:pointer; color: #cbd5a3;}
p{line-height:24px;margin-bottom:30px;}
hr{border-bottom: 1px solid #c2c2c2;border-top: 0;margin:0;}
.mobieView{display:none;}
.container-fluid{float:left;width:100%}
.container {width:100%;max-width:1240px;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container:after  {clear: both;}
.row:before,.row:after {display: table;content: " ";}
.row:after  {clear: both;}
.row {margin-right: -15px;margin-left: -15px;}
.fullWidth{float:left;width:100%;}
.pt-70{padding-top:70px;}
.pb-100{padding-bottom:100px;}

header {border-bottom: 3px solid #636363;float: left;width: 100%;}
#nav{background:#1e1e1e;}
#nav a{color:#fff;font-family:PTSansB;text-transform:uppercase;font-size:16px;}
#cssmenu ul ul li:not(:last-child) {border-bottom: 1px solid #cecece42;}
#cssmenu ul ul li a {font-family:PTSans;letter-spacing:3px;}

/* Powdering Coating in CT by Competitive Edge Coatings */
.powderCoating{padding-top:100px;padding-bottom:40px;}
h1{font-family:PTSans;font-size:52px;line-height:53px;color:#1a1a1a;padding-bottom:45px;background:url(../images/h1Border.png) no-repeat; background-position:left bottom;}
.pcHeading{float:left;width:100%;max-width:540px;padding-right:40px;padding-bottom:40px}
.pcContent{float:left;width:calc(100% - 540px);padding-left: 15px;padding-right:15px;}

/* Footer :: Copyright Section */
.copyrightSec{background:#373636;font-size:14px;letter-spacing:3px;margin-top: 1px;padding: 14px 0;font-family:PTSansB}
.copyrightSec, .copyrightSec a{color:#fff;line-height: 14px;}
.csLeft, .csRight{float:left;width:50%}
.csRight{text-align:right}
.csSitemap{display: inline-block;padding-left:17px;margin-left:10px;border-left: 2px solid #fff;}
.fSocial{width:27px;height:27px;display:inline-block;background:url(../images/facebook.png) no-repeat;}
.fSocial:hover{background:url(../images/facebookHover.png) no-repeat;}
.topLogo{float:left;padding-top: 15px;}
.tContent{width:calc(100% - 448px);float:left;}
.tPera{float:left;width:100%;text-align:right;padding-top:5px;font-family:PTSansI;letter-spacing:0.5px;line-height:36px;}
.fSections{font-size:18px;padding:55px 0;}
.fSections ul{padding:0;margin:0;float:left;width:100%;list-style:none;}
.fSec{float:left;padding-right:15px;}
.fLogoSec{width:100%;max-width:43%;}
.fServSec{width:100%;max-width:350px;float:right}
.fSec li:not(.fSecTitle) {padding-left: 10px;}
.fSecTitle{font-size:38px;color: #1a1a1a;letter-spacing:2px;}
.fSecTitle > span{background: url(../images/bordrYellow.png) no-repeat;background-position:left bottom;padding-bottom:20px;margin-bottom:30px;float:left;width:100%;}
.fSec a{line-height:27px; color:#1a1a1a;letter-spacing:2px;}
.fSec a:hover{color:#46030a;}
.fLogo img{max-width:388px;max-height:160px;}
.fDetails{float:left;width:100%;padding-top:45px;padding-left:50px;}
.fAddr{float:left;width:100%;margin-bottom:20px;font-family:PTSansB;line-height:30px;}
.fAddr span{float:left;width:100%;font-family:PTSans;}
.fCont label{float:left;width:100%;font-family:PTSansB;line-height:30px;}
.fCont span, .fCont a{font-family:PTSansB;line-height:27px;font-size:19px;color:#9b0d1c;}
.fSocial{margin-left:70px;}
.tDetails {float: right;padding-top: 35px;padding-bottom: 5px;width: 100%;max-width: 640px;}
.tAddr, .tCont{float:left;width:100%;margin-bottom:20px;font-family:PTSansB;line-height:25px;}
.tAddr{max-width:296px;}
.tCont{max-width:calc(100% - 296px);}
.tAddr span{float:left;width:100%;font-family:PTSans;}
.tAddr a{color:#2a2a2a;}
.tCont label{float:left;width:100%;font-family:PTSansB;line-height:30px;}
.tCont span, .tCont a{font-family:PTSansB;line-height:27px;font-size:19px;color:#9b0d1c;}

/* Inner Page */
.iBanner {height: 250px;display:flex;justify-content:center;align-items:center;}
.iBannerBg {height: 250px;object-fit: cover;width: 100%;object-position: center;position: absolute;z-index:-1}
.inner h1{color:#fff;font-size:52px;line-height:53px;font-family:PTSansB;text-align:center;margin:0;background:transparent;text-transform:uppercase;padding:0}
.inner h2{color:#1a1a1a;font-size:52px;line-height:53px;font-family:PTSans;padding-bottom:40px;margin-bottom:20px;background:url(../images/bordrYellow.png) no-repeat;background-position:left bottom;}
.inner h3{color:#ae0c1d;font-size:30px;line-height:35px;font-family:PTSans;margin-bottom:60px;}
.inner h4{color:#1a1a1a;font-size:36px;line-height:53px;margin-bottom:10px;font-family:PTSans;}
.pcImg{float:left;margin-right:25px; border: 10px solid #e1e0de;}
.pb-100 img {}
/* Slider */
.hSlider{border-bottom: 3px solid #636363;}
.slick-slider { position: relative; display: block;}
.slick-slider .slick-list { overflow: hidden; display: block; margin: 0px; padding: 0px; }
.slick-slider .slick-track { position: relative; left: 0px; top: 0px; }
.slick-slider .slide { float: left; min-height: 1px; }
/* .slick-slider .slide img {position: absolute;object-fit: cover;object-`: center;} */
.slick-slider .multiple{background-size: cover !important;}
.slick-slider .slide { display: none; }
.slick-initialized .slide { display: block; display:flex;align-items:center;min-height: 450px;overflow: hidden;}
.slick-initialized .slide .container{display:block;}
.sldrContBg > span{z-index:9;position:relative}
.slick-slider .slick-prev { position: absolute; background: url('../images/sprite.png') -50px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; left: -25px; padding: 0px; }
.slick-slider .slick-next { position: absolute; background: url('../images/sprite.png') -90px -40px no-repeat; display: block; height: 40px; width: 30px; text-indent: -9999px; top: 50%; margin-top: -20px; right: -25px; padding: 0px; }
.slick-slider .slick-prev:focus { outline: none }
.slick-slider .slick-next:focus { outline: none }
.slick-slider .slick-next.disabled { background-position: -90px -90px }
.slick-slider .slick-prev.disabled { background-position: -50px -90px }
/* Dots */
.slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0px; width: 100%;}
.slick-dots li { position: relative; display: inline-block; background: url('../images/sprite.png') -200px -50px no-repeat; height: 5px; width: 5px; text-indent: -9999px; margin: 0px 15px; padding: 0px; }
.slick-dots li.active { background-position: -150px -50px }
.slick-dots li a { display: block; height: 23px; width: 23px; background:#fff;border-radius:100%;}
.slick-dots li.active a {background: #bd8c1d;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {
.slick-dots li { background: url('../images/sprite@2x.png') -200px -50px no-repeat; background-size: 900px 200px; }
}
.sldrContBg{position:relative;width:610px;float:left;padding:40px;padding-left: 0;}
.sldrContBg:before{content:'';background:rgba(43, 42, 42, 0.5);width:400%;float:left;padding:40px;position:absolute;top:0;bottom:0;right:0;}

.sldrCHeading{color:#fff;font-size:52px;line-height:53px;font-family:PTSansB;text-transform:uppercase;float:left;width:100%;}
.sldrCText{color:#fff;font-size:27px;line-height:30px;float:left;width:100%;letter-spacing:1px;}
.sldrCLink{float:left;width:100%;margin-top:15px;}
.sldrCLink a{color:#fff;background:url(../images/powderCoatingBtn.png) no-repeat;letter-spacing:1.5px;font-size:24px;line-height:39px;width:270px;padding: 2px 45px 2px 0;display:block;text-align:center; }
.sldrCLink a:hover{background:url(../images/powderCoatingBtnHover.png) no-repeat;}

/* Our Services */
.ourServices {background: #373636; background-position:right center;background-size:cover;}
.ourServices .container {display:flex;}
.osTabs{float:left;width:490px;background: #373636}
.osHeading{color:#fff;font-size:42px;line-height:53px;padding: 15px 0 15px 70px;}
.osTabs ul{list-style:none;padding:0;margin:0;background:#9b0d1c;float:left;width:100%;}
.osTabs li{float:left;width:100%;padding: 0 12px 0 70px;background: linear-gradient(90deg, #9b0d1c calc(100% - 45px), #e8af00 45px);}
.osTabs li:hover{background: linear-gradient(90deg, #46030a calc(100% - 45px), #e8af00 45px);}
.osTabs li:nth-child(even){background: linear-gradient(90deg, #9b0d1c calc(100% - 45px), #f5c638 45px);}
.osTabs li:nth-child(even):hover{background: linear-gradient(90deg, #46030a calc(100% - 45px), #f5c638 45px);}
.osTabs li:not(:last-child){border-bottom:2px solid rgba(137, 11, 24, 0.5)}
.osTabs a{font-size:24px;color:#fff;float:left;width:100%;letter-spacing:3px;padding-top:15px;padding-bottom:15px;padding-right: 50px;
background:url(../images/tabArrow.png) no-repeat;background-position:right center;}
.osContents{float:left;width: 100%;max-width:calc(100% - 490px);}
.osContents .coating{float:left;width:100%;height:100%;}
.coatingSub{background:rgba(255, 255, 255, 0.65);padding:40px 20px 20px 30px;float: left;width:100%;max-width:475px;margin-top: 83px;}
.oscHeading{font-size:42px;margin-bottom:15px;font-weight:600}
.coating p{font-size:18px;line-height:26px;}
.oscLink{float:left;width:100%;margin-top:15px;}
.oscLink a{color:#fff;background:url(../images/oscLinkBtn.png) no-repeat;letter-spacing:1.5px;font-size:24px;line-height:39px;width:195px;padding: 2px 45px 2px 0;display:block;text-align:center; }
.oscLink a:hover{background:url(../images/oscLinkBtnHover.png) no-repeat;}

/* Responsive css */
@media(min-width:980px){
#cssmenu ul {display: block !important;}
.fixedNav header{position:fixed;z-index: 9;background: #1e1e1e;}
.fixedNav .tContent{display:none;}
.fixedNav #cssmenu>ul>li>a {padding: 20px 15px;}
.fixedNav #cssmenu ul {display: inline-block !important;float: right;}
.fixedNav .topLogo img {max-height: 52px;margin-left: 5px;}
.fixedNav .topLogo {position: absolute;padding-top: 1px;}
.fixedNav .topLogo a {z-index: 9;position: relative;}
}
@media(min-width:1100px){.fixedNav #cssmenu>ul>li>a {padding: 20px 35px;}}
@media(max-width: 1299px){
.container{width: 1180px;}
.tDetails {max-width: 600px;}
.tCont {max-width: 200px;}
}
@media(max-width: 1199px){
.container{width: 1080px;}
.tDetails {max-width: 500px;}
.fServSec {max-width: 290px;}
.slick-initialized .slide {min-height: 350px;}
}
@media(max-width: 1080px){
h1 {font-size: 40px;line-height: 43px;}
.pcHeading {max-width: 400px;padding-right: 20px;}
.pcContent {width: calc(100% - 400px);}
.container{width: 980px;}
#cssmenu>ul>li>a {padding: 20px 35px;}
.fLogoSec {max-width: 35%;}
.fLogo img {max-width: 275px;}
.sldrCHeading {font-size: 36px;line-height: 40px;}
.sldrCText {font-size: 22px;line-height: 24px;letter-spacing: 0.5px;}
.sldrCLink a {font-size: 20px;}
}
@media(max-width: 992px){
.osTabs {width: 375px;}
.osContents {max-width: calc(100% - 375px);}
.osHeading, .osTabs li{padding-left:30px;}
}
@media(max-width: 980px){
.mobieView{display:inline-block;}
.deskView{display:none;}
#cssmenu>ul>li>a{padding:20px 0}
.slick-dots li {margin: 0px 10px;}
.inner h1, .inner h2 {font-size: 40px;line-height: 43px;}
.inner h3 {font-size: 24px;line-height: 30px;}
.inner h4 {font-size: 28px;line-height: 34px;}
.powderCoating {padding-top: 50px;}
}
@media(max-width: 979px){
.container{width: 100%;}
.topLogo img {max-width: 280px;}
.tContent {width: calc(100% - 280px);}
.tDetails {padding-top: 10px;padding-bottom: 0;}
.tDetails {max-width: 410px;}
.tAddr {max-width: 220px;}
.tCont {max-width: 150px;}

.fServSec {max-width: 240px;}
.fLogo img {max-width: 100%;}
.fDetails {padding-top: 25px;padding-left: 10px;}
.fSecTitle {font-size: 28px;letter-spacing: 1px;}
.fSecTitle > span {padding-bottom: 10px;margin-bottom: 10px;}
.fSec a {letter-spacing: 0px;}

.pcHeading, .pcContent {width: 100%;max-width:100%;}
.slick-initialized .slide {min-height: 300px;}
}
@media(max-width: 767px){
.topLogo, .tContent, .tPera {width: 100%;text-align: center;}
.tDetails {max-width: 100%;text-align: left;}
.fSec{max-width:100%;margin-bottom: 20px;}
.csLeft {margin-bottom: 15px;}
.csLeft, .csRight {width: 100%;text-align: center;}
.pb-100 {padding-bottom: 50px;}
.pt-70 {padding-top: 30px;}
.sldrContBg {width: 500px;padding: 20px;padding-left:0;}
.sldrCHeading {font-size: 30px;line-height: 30px;}
.sldrCText {font-size: 18px;line-height: 20px;}
.slick-dots li a {height: 15px;width: 15px;}
.slick-dots {bottom: -15px;}
.osTabs {width: 260px;}
.osContents {max-width: calc(100% - 260px);}
.osHeading, .osTabs li{padding-left:30px;}
.osTabs a {font-size: 18px;letter-spacing: 1.5px;padding-top: 10px;padding-bottom: 10px;padding-right: 33px;}
.osHeading, .oscHeading {font-size: 30px;line-height: 40px;}
.osContents .coating {padding: 20px 15px 15px 20px;}
.coating p {font-size: 16px;line-height: 24px;}
.coatingSub {margin-top: 0;}
.pcContent {padding-left: 0;padding-right: 0;}
}
@media(max-width: 640px){
.ourServices .container {display: block;}
}
@media(max-width: 580px){
h1, .inner h1, .inner h2 {font-size: 30px;line-height: 33px;}
.inner h3 {font-size: 20px;line-height: 28px;margin-bottom: 30px;}
.inner h4 {font-size: 22px;line-height: 24px;}
.iBanner, .iBannerBg {height: 150px;}
.tPera, .tContent hr{display:none;}
.topLogo{text-align:left;}
#cssmenu #menu-button {margin-top: -50px;}
#cssmenu>ul>li>a {padding: 12px 0;font-size: 13px;}
.ourServices {display: block;}
.osTabs, .osContents{width:100%;max-width:100%;}
.osContents {margin-top: 0;}
.oscLink {margin-top: 0;}
h1 {padding-bottom: 30px;}
.pcHeading {padding-right: 0;padding-bottom: 20px;}
.osHeading, .osTabs li {padding-left: 15px;}
.osContents .coating, .coatingSub {padding: 15px;}
.tCont label, .tAddr a{line-height: 18px;}
.sldrContBg {width: auto;}
}
@media(max-width: 480px){
.topLogo {padding-top: 5px;}
.topLogo img {max-width: 180px;}
.tPera {line-height: 20px;margin-bottom:5px;letter-spacing: 0;}
.copyrightSec {letter-spacing: 1px;font-family: PTSans;}
.pcImg {width: 100%;}
}
@media(max-width: 430px){
.tAddr {max-width: 170px;}
.tAddr, .tCont {margin-bottom: 10px;line-height: 18px;font-size: 13px;}
.tCont a {line-height: 19px;font-size: 14px;}
}
@media(max-width: 360px){
.tAddr {max-width: 160px;}
.tAddr, .tCont {letter-spacing:0;}
.tCont {max-width: 100px;}
#cssmenu #menu-button {margin-top: -44px;}
}










