body{background-color:#fff;font-size: 16px;font-weight: 400;color:#262830;font-family: 'Poppins', sans-serif;}
a {text-decoration: none;transition: all 0.3s linear;}
.primbg{background-color: #0b0f47;}
.lightbg{background-color: #f1f1f1;}
.whitebg{background-color: #fff;}
.roundbox{border-radius: 3px;}
.boxborder-gray{border:solid 1px #e8e8e8;}
.boxshadow {box-shadow: 0 3px 10px #eee;}
.section-pad {padding: 30px 38px 15px 38px;}
.small-pad {padding: 15px 24px 15px 24px;}
.mid-pad {padding: 30px 30px 30px 50px;}

.bga {background: url(../images/bga.png) no-repeat left top;}
.bgb {background: url(../images/bgb.png) no-repeat center top;}
.bgc {background: url(../images/bga.png) no-repeat left top #f6f6f6;}

.bgg{background: rgb(20,156,217);background: linear-gradient(70deg, rgba(20,156,217,1) 0%, rgba(200,53,147,1) 100%);}
.bgg2{background: rgb(20,156,217);background: linear-gradient(190deg,   rgb(180, 48, 132)0%,rgb(18, 134, 188) 100%);}


.logo {background-color: #fff;position: absolute;top:-10px;left: 0px;padding:14px 18px;box-shadow: 0 3px 10px #eee;}
.logo img{max-width:65px;transition: all 0.3s linear;}
.logoscroll img{max-width: 35px;}

/* navibar **/
.navibar {display: block;margin-top:24px;margin-bottom: 14px;}
.navibar a {color:#fff;margin-left:14px;font-size: 16px;font-weight: 400;opacity: 0.7;}
.navibar a:hover {opacity: 1.0;}


/* heroslider*/

.hero {margin-top:-30px;box-sizing:border-box;overflow:hidden;border-bottom:solid 1px #e1e1e1;}
.hero .heroslide {display:block;height: 610px;position: relative;text-align: center;}
.hero .heroslide h1 {position:absolute;top:70%;transform: translateY(-50%);padding: 30px;width:70%;margin-left: 15%;font-size: 42px;font-weight: 900;color:#0b0f47;line-height: 48px;text-align: center;}

.hero .heroslide h1::before{
    position:absolute;top:-70%;left:50%;transform:  translateX(-50%);width: 300px;height:300px;background-color: #fff;content: '';z-index: -1;opacity: 0.5;}

.hero .heroslide p {font-size: 16px;font-weight: 400;color: #232323;line-height: 24px;margin-top:18px;}
.hero .heroslide hr {width:180px;background-color:#7e0505;height:5px;opacity:1.0;border-radius:30px;}
.hero .heroslide a {display:inline-block;padding:16px 26px;margin-top:24px;font-size: 12px;font-weight: 600;color:#fff;background-color: #3fa004;border-radius:2px;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;user-select:none;}
.hero .heroslide a:hover {background-color:#000;}
.hero .one {background: url(../images/hero/a.jpg) no-repeat center;background-size: cover;}
.hero .two {background: url(../images/hero/b.jpg) no-repeat center;background-size: cover;}



/**About Section*/
.aboutcard {display: block;position: relative;height: 100%;z-index: 1;}
.aboutcard img {max-width: 90%;}
.aboutcard h3.txleft{display:block;font-size: 20px;font-weight: 700;color:#000;position: relative;padding: 26px 24px 4px 45px;}
.aboutcard h3.txleft::before{left:-20px;top:34px;width:55px;height: 5px;background-color: #36c0fc;position: absolute; content: '';}
.aboutcard p.txleft{display:block;font-size: 14px;font-weight: 300;color:#000;position: relative;padding: 2px 40px 8px 45px;}
.aboutcard h3.txright{display:block;font-size: 20px;font-weight: 700;color:#000;position: relative;padding: 26px 90px 4px 4px;text-align: right;}
.aboutcard h3.txright::before{right:20px;top:34px;width:55px;height: 5px;background-color: #c23793;position: absolute; content: '';}
.aboutcard p.txright{display:block;font-size: 14px;font-weight: 300;color:#000;position: relative;padding: 2px 90px 8px 24px;text-align: right;}
.pseudoleft{opacity: .35;left:5%;top:6%;width:85%;height: 85%;background-color: #fff;box-shadow: 0 30px 90px #bbb;z-index: 0;position: absolute;content: '';}
.pseudoright{opacity: .2;right:15%;top:15%;width:95%;height:85%;background-color: #fff;box-shadow: 0 30px 90px #bbb;position: absolute; content: '';z-index: -1;} 

.aboutcontent {display: block;}
.aboutcontent h3{display: block;font-size: 32px;font-weight:600;color:#000;margin-bottom: 20px;}
.aboutcontent h3 span{display: block;font-size: 14px;font-weight:700;color:#000;opacity: 0.45;margin-bottom: 11px;}

/* WHY US Section*/
.whycontent {display: block;padding-right: 60px;}
.whycontent h3{display: block;font-size: 32px;font-weight:600;color:#000;margin-bottom: 20px;}
.whycontent h3 span{display: block;font-size: 14px;font-weight:700;color:#000;opacity: 0.45;margin-bottom: 11px;text-transform: uppercase;}

.whycard {display: block;position: relative;height: 100%;z-index: 1;padding-right: 60px;}
.whycard h3{display:block;font-size: 20px;font-weight: 700;color:#000;position: relative;padding: 26px 24px 4px 60px;}
.whycard h3::before{left:-10px;top:34px;width:55px;height: 5px;background-color: #c23793;position: absolute; content: '';}
.whycard p{display:block;font-size: 14px;font-weight: 300;color:#000;position: relative;padding: 2px 2px 8px 60px;margin-bottom: 0px;}

/* CTA */
.ctabox {background-color: #0b0f47;color:#fff;} 
.ctabox a.btncta {display: inline-block;padding:14px 60px 14px 24px;color:#fff;border: solid 3px #c23793;position: relative;font-size: 14px;font-weight: 400;}
.ctabox a.btncta::before{ position: absolute;top:6px;right:18px;font-size:22px;content: '\27F6';transition: all 0.3s linear;}
.ctabox a.btncta:hover::before{right:12px;}
.ctabox h5{display:block;font-size: 20px;font-weight:300;position: relative;padding-left: 70px;margin-bottom:12px;color:#aaa}
.ctabox h5::before{left:0px;top:10px;width:55px;height:4px;background-color: #c23793;position: absolute; content: '';}
.ctabox h3{display: block;font-size: 32px;font-weight:600;margin-bottom: 4px;}
.ctabox p {color:#aaa;font-weight:300;font-size: 16px;}

/* Products*/
.prodtitle {display:block;padding:30px;}
.prodtitle h5{display:block;font-size: 20px;font-weight:300;position: relative;padding-left: 70px;margin-bottom:4px;color:#aaa}
.prodtitle h5::before{left:0px;top:10px;width:55px;height:4px;background-color: #36c0fc;position: absolute; content: '';}
.prodtitle h3{display: block;font-size: 32px;font-weight:600;margin-bottom: 4px;}
.prodtitle a {display: inline-block;border: solid 2px #eee;color:#000;font-weight: 600;padding:11px 18px;transition: all 0.3s linear;text-align: left;}
.prodtitle a span{display: block;font-size: 12px;color:#0e9edc;transition: all 0.3s linear;font-weight: 400;}
.prodtitle a:hover {background-color: #c23793;border: solid 2px #c23793;color:#fff;font-weight: 600;} 
.prodtitle a:hover span{color:#eee}

.proditems {display:block;text-align:center;margin-bottom:60px;padding:15px;border-radius:5px;background-color:#fff;border:solid 2px #ededed;user-select:none;}
.proditems img{width:80%;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.proditems label{display:block;text-align:center;font-size:16px;font-weight:400;color:#232323;margin-top:18px;}
.proditems label span{font-weight:700;}
.proditems:hover img {transform:scale(105%)}




/* Title Section*/
.section-title {display: block;padding: 20px 0px;}
.section-title h3{display: inline-block;font-size: 20px;font-weight: 600;color: 0b0f47;position: relative;margin-bottom: 15px;}
.section-title h3::before{position: absolute;bottom: -15px;left: 0px;content: '';background-color: #c23793;height: 3px;width: 45%;}


/* Conatct Info*/
.contactinfo {display: block;padding: 20px 0px;}
.contactinfo h3{display:block;font-size:16px;font-weight:500;color:0b0f47;position: relative;margin-bottom: 15px;padding-left: 45px;}
.contactinfo h3::before{position: absolute;left: 0px;top: 50%;transform: translateY(-50%);font-family: boxicons;font-size: 26px;}
.contactinfo p {padding-left: 45px;}
.contactinfo a {display: block;}
.contactinfo a.sendmail{background-color: #0b0f47;padding:10px 12px 10px 14px;color:#fff;border-radius: 3px;font-size: 14px;font-weight: 500;text-align: center;}
.contactinfo a.sendmail:hover{background-color: #c23793;color:#fff;} 


/*  Footer top */
.ftr-card {display: block;padding: 90px 60px;}
.ftr-card p {font-size: 15px;color:#dedede;}
.ftr-card input{padding:9px 12px;border-radius: 3px;border:solid 1px #aaa;width: 100%;font-size: 14px;color:#fff;background-color: rgba(0,0,0,0.3);}
.ftr-card a.dropmail{display: block;background-color: #fff;padding:10px 12px 10px 14px;color:#262626;border-radius: 3px;font-size: 14px;font-weight: 500;text-align: center;}
.ftr-card a.dropmail:hover{background-color: #c23793;color:#fff;} 

/*  Footer  */
.copy{font-size:12px;color:#ccc;opacity: 0.8;}
.copy a{display: inline-block;margin-left: 12px;font-size: 12px;color:#ccc;opacity: 0.8;}
.copy a:hover{opacity: 1.0;color:#fff;}