body{font-family: "Montserrat", sans-serif;font-size: 14px;font-weight:400;color:#444;}
a{text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #074d58;}
.seconbg {background-color: #079b88;}
.graybg {background-color: #c0cdd9;}
.grdbg {background: rgb(138,138,138);background: linear-gradient(45deg,  rgba(2,41,77,0.8) 20%, rgba(0,103,113,0.8) 50%, rgba(2,41,77,0.8) 80%);}
.grdbg2 {background: rgb(138,138,138);background: linear-gradient(45deg,  rgba(2,41,77,1) 20%,  rgba(0,103,113,1) 100%);}
.boxshadow{box-shadow:inset 5px 5px 30px rgba(0,0,0,0.9);}
.border-box{border:solid 1px #dedede; border-radius: 3px;}


.hero .heroslide {display: block;padding-top: 290px;}
.hero .heroslide h1 {font-size:33px;font-weight:600;color:#fff;line-height: 42px;}
.hero .heroslide p{font-size:16px;font-weight:400;line-height: 26px;color:#fff}

.slide-a {background: url(../img/hero/hero.jpg) no-repeat left top;height:710px;background-size: cover;}
.slide-b {background: url(../img/hero/herotwo.jpg) no-repeat left top;height:710px;background-size: cover;}
.slide-c {background: url(../img/hero/herotr.jpg) no-repeat left top;height:710px;background-size: cover;}
.slide-d {background: url(../img/hero/herofour.jpg) no-repeat left top;height:710px;background-size: cover;}

.abtbg  {background: url(../img/abt.jpg) no-repeat right top;}
.cntbg  {background: url(../img/cnt.jpg) no-repeat left bottom #c0cdd9;}

.titlestyle p{display: block;font-size:14px;font-weight:500;line-height: 24px;color:#393939}
.titlestyle p.bxstyle {display:inline-block;font-size:12px;font-weight:500;color:#079b88;margin-bottom:18px;margin-left: -5px;padding:4px 20px 3px 20px;user-select: none;border-radius: 30px;border:solid 2px #aadad4;}
.titlestyle p.bxdarkstyle {border:solid 2px #6397b8;color:#0c496e;}
.titlestyle h2 {display: block;font-size:26px;font-weight:650;color:#021e38;line-height: 34px;}
.titlestyle h3 {display: block;font-size:20px;font-weight:600;color:#021e38;margin-bottom: 5px;}
.titlestyle h5 {display: block;font-size:18px;font-weight:600;color:#021e38;margin-bottom: 5px;line-height: 24px;}
.titlestyle h5.line {position: relative;margin-bottom: 18px;}
.titlestyle h5.line::before{bottom: -6px;left: 0px;height:1px;width:20px; content: '';position: absolute;background-color: #0393a1;transition: all 0.3s linear;}
.titlestyle h5.line::after{bottom: -9px;left: 0px;height:1px;width: 12px; content: '';position: absolute;background-color: #02294d;transition: all 0.3s linear;}
.titlestyle:hover h5.line::before {width:55px;}
.titlestyle:hover h5.line::after {width:30px;bottom: -6px;}
.titlestylewhite p, .titlestylewhite h3 {color:#fff}
.titlestyle a{color:#077c6c;font-size: 14px;font-weight: 500;transition: all 0.3s linear;position: relative;display: inline-block;}
.titlestyle a:hover{color:#04438a;}

.proditems {display:block;text-align:center;margin-bottom:60px;padding:45px 20px 45px 20px;border-radius:5px;background-color:#fff;border:solid 2px #ededed;user-select:none;position: relative;}
.proditems * {transition: all 0.3s linear;}
.proditems img{max-height:200px;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;margin-bottom: 30px;}
.proditems label{position: absolute;bottom: 20px; left: 50%;transform: translateX(-50%);text-align:center;font-size:14px;font-weight:400;color:#074d58;white-space: nowrap;}

.proditems:hover img {transform:scale(1.2)}
.proditems:hover label {color:#fff;bottom: 0px;width:100%;background-color: rgba(3, 147, 161, 0.6);padding: 10px 0px;
    background: rgb(138,138,138);background: linear-gradient(50deg,  rgba(2,41,77,0.8) 0%, rgba(0,103,113,0.8) 30%,  rgba(0,103,113,0.8) 70%, rgba(2,41,77,0.8) 100%);
}

.brandslider {box-sizing:border-box;overflow:hidden;padding-right:2px;}
.brandslider .brandslide {display:block;padding:24px;background-color: rgba(240,240,240,0.9);border-radius: 3px;margin:3px;}
.brandslider .brandslide img{transition: all 0.3s linear;max-width:80%;margin:auto 10%;}
.brandslider .brandslide:hover {background-color: rgba(255,255,255,1);}
.brandslider .brandslide:hover img{transform: rotateX(360deg) scale(1.6);}

.brandslider .slick-track { display: flex !important;}
.brandslider .slick-slide { height: inherit !important;}


.contactbox {display:block;padding-left: 90px;padding-top: 10px;}
.addr {background: url(../img/a.png) no-repeat 0px -3px;} 
.email {background: url(../img/b.png) no-repeat 0px -3px;} 
.phone {background: url(../img/c.png) no-repeat 0px -3px;} 
.contactbox h3 {display: block;font-size:16px;font-weight:600;color:#000;}
.contactbox p {display: block;font-size:14px;font-weight:400;color:#000;margin-bottom: 4px;}
.contactbox p a {color:#074d58}
.morphborder {border-top-left-radius: 190px;border-top-right-radius:260px;border-bottom-left-radius:445px;}

.ftrpolicy {padding: 18px 0;}
.ftrpolicy .copy {font-size:12px;font-weight:300;color:#fff;opacity: 0.5;letter-spacing: 0.5px;}
.ftrpolicy a {font-size:14px;font-weight:300;color:#fff;opacity: 0.6;margin-left: 18px; }
.ftrpolicy a:hover  {opacity: 1;}