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

.primbg {background-color: #0f0557;}
.seconbg {background-color: #ea001b;}
.graybg {background-color: #e0e0e0;}
.lightgraybg {background-color: #e8e9ef;}
.whitebg {background-color: rgba(15,5,87,0.65);}
.grdbg {background: #0f0557;background: linear-gradient(12deg, rgba(15,5,87,1) 34%, rgba(234,0,27,0.9) 100%);}

.primcolor {color:#ea001b}
.seconcolor {color: #0f0557}

.boxshadow{box-shadow:inset 5px 5px 30px rgba(0,0,0,0.9);}
.botline_gray {border-bottom: solid 1px #ddd;}
.topline_gray {border-top: solid 1px #ddd;}
.rounded-top {border-radius:3px 3px 0px 0px}
.boxitem {border:solid 1px #dedede;padding: 30px 60px;border-radius: 3px;}

/** Hero Home Page **/
.hero {position: relative;}
.heroslide {display: block;}
.heroslide .slide {display:block;min-height:620px;padding-top:290px;padding-left:0px;}
.heroslide .slide h1{color:#fff;font-size: 48px;font-weight: 600;}
.heroslide .slide h3{color:#fff;font-size: 26px;font-weight: 400;}
.heroslide .slide p{color:#d0d0d0;font-size:16px;font-weight:300;line-height: 26px;width:50%}
.heroslide .slide a{margin-top: 16px;color:#aaa;font-size: 16px;font-weight: 400;transition: all 0.3s linear;position: relative;display: inline-block;}
.heroslide .slide a:hover{color:#fff;padding-left: 30px;}
.heroslide .slide a::before{position: absolute;content: '';transition: all 0.3s linear;left: 0px;top: 0px;}
.heroslide .slide a:hover::before {content: '\27F6';}

.bgcontact {background: url(../img/contact.jpg) no-repeat left center;background-size:cover;padding: 120px 0px 0px 0px;}

.ttlstyle h1{font-size:48px;font-weight:400;color:#58585a;line-height:62px;}
.ttlstyle h1 span {font-weight:700;position:relative} 
.ttlstyle h1 span.linespan::before {display:block;position:absolute;bottom:-3px;left:0%;width:100%;height:5px;background-color:#ea001b;content:'';}
.ttlstyle p {font-size:20px;font-weight:300;color:#58585a;line-height:30px;}
.ttlstyle-white h1, .ttlstyle-white p{color:#fff;}

.titlestyle {display: block;margin-left: 8px;transition:all 0.3s linear}
.titlestyle p.bxstyle {display:inline-block;font-size:12px;font-weight:500;color:#ea001b;margin-bottom:18px;transition: all 0.3s linear;}
.titlestyle:hover p.bxstyle {border-radius: 30px;}
.titlestyle h2 {display: block;font-size:26px;font-weight:500;color:#000;margin-bottom: 5px;line-height:32px;transition: all 0.3s linear;}
.titlestyle h2 span{font-weight: 700;transition: all 0.3s linear;}
.titlestyle h3 {display: block;font-size:18px;font-weight:600;color:#000;margin-bottom: 5px;transition: all 0.3s linear;}
.titlestyle h5 {display: block;font-size:16px;font-weight:600;color:#000;margin-bottom: 5px;transition: all 0.3s linear;}
.titlestyle p.big {font-size: 16px;}
.titlestyle .capt{text-transform: uppercase;}
.titlestyle a{color:#306cbe;font-size: 14px;font-weight: 500;transition: all 0.3s linear;position: relative;display: inline-block;}
.titlestyle a::before{position: absolute;content: '';transition: all 0.3s linear;left: 0px;top: 0px;}
.titlestyle:hover a{color:#ea001b;padding-left: 30px;}
.titlestyle:hover a::before {content: '\27F6';}

.titlestyle h2.blue, .titlestyle h5.blue, .titlestyle h3.blue {color:#176e37;}

.brandslider {
    box-sizing: border-box;
    overflow: hidden;
    padding-right: 2px;
}
.brandslider .brandslide {display:block;height:75px;padding:10px 5px 80px 5px;background-color: rgba(250,250,250,0.8);border-radius: 3px;border: solid 1px #dedede;text-align: center;margin:12px 5px;transition: all 0.3s linear;}
.brandslider .brandslide img{display: block;max-height:60px;margin:4px auto 0px auto;transition: all 0.3s linear;}
.brandslider .brandslide:hover {border:solid 1px #074d58;border-radius: 30px;}
#IDPageProds .brandslider .slick-track{ margin-left: 0; }

.offering {background: url(../img/offer/bgmap.png) no-repeat 35% 50%;}
.offeringgray {background: url(../img/offer/bgmap.png) no-repeat 35% 50% rgba(240,240,240,0.7);}

.solslide {background-color:rgba(255,255,255, 1);border-radius:5px; border:solid 1px #dedede;padding:24px 18px 26px 18px;margin:9px;transition:all 0.3s linear}
.solslide a{color:#556;font-size: 14px;font-weight: 400;transition: all 0.3s linear;position: relative;display: inline-block;}
.solslide a::before{position: absolute;content: '';transition: all 0.3s linear;left: 0px;top: 0px;}
.solslide:hover a{color:#176e37;padding-left: 30px;}
.solslide:hover a::before {content: '\27F6';}
.solslide:hover h3{color:#176e37;}
.solslide:hover {transform:scale(1.05);box-shadow:2px 2px 16px rgba(0,0,0,0.6)}

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

 
.cta {display: block;padding:45px 60px 35px 60px;}
.cta h1 {display: block;font-size:34px;line-height:44px;font-weight:500;color:#eee;text-transform: uppercase;}
.cta h1 span{font-weight:700;color:#fff;}

.cta-mid {display: block;padding:45px 15% 35px 15%;color:rgba(255, 255, 255,0.9);}
.cta-mid h1 {display: block;font-size:32px;font-weight:500;text-transform: uppercase;}
.cta-mid h1 span{font-weight:700;}




.contactbox {display:block;padding-left:10px;padding-top: 10px;}

.contactbox h3 {display: block;font-size:15px;font-weight:600;color:#ddd;}
.contactbox p {display: block;font-size:15px;font-weight:400;color:#aaa;margin-bottom: 4px;}
.contactbox p a:hover {color:#fff;}
.contactbox p a {color:#ea001b}
.morphborder {border-top-left-radius: 190px;border-top-right-radius:260px;border-bottom-left-radius:445px;}

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


/** Hero Product Page **/
.inpg_hero {min-height:460px;position: relative;}
.inpg_heroslide {display: block;margin-top: 290px;}
.inpg_heroslide .slide h1{color:#fff;font-size: 48px;font-weight: 600;text-transform: uppercase;}
.inpg_heroslide .slide h3{color:#fff;font-size: 22px;font-weight: 400;}
.inpg_heroslide .slide p{color:#d0d0d0;font-size:16px;font-weight:300;line-height: 26px;}
.inpg_heroslide .slide a{margin-top: 40px;color:#a4a1de;font-size: 16px;font-weight: 400;transition: all 0.3s linear;position: relative;display: inline-block;}
.inpg_heroslide .slide a:hover{color:#fff;padding-left: 30px;}
.inpg_heroslide .slide a::before{position: absolute;content: '';transition: all 0.3s linear;left: 0px;top: 0px;}
.inpg_heroslide .slide a:hover::before {content: '\27F6';}

.abt_hero {background: url(../img/hero/prod_hero.jpg) no-repeat center center;background-size: cover;}
/** About **/

.about-brandbox {display: block;padding:30px 15px;background-color: #fff;border:solid 1px #eee;text-align: center;}
.about-brandbox img{transition: all 0.3s linear;}
.about-brandbox:hover img {transform: scale(1.2);}

.vw-60 {width:60% !important}
.vw-95 {width:95% !important}


@media only screen and (max-width: 1024px) {
    .heroslide .slide {padding-left:20px;padding-top:270px;}
    .heroslide .slide p {width:90%;}
}
@media only screen and (max-width: 768px) {
    .heroslide .slide {padding-left:20px;padding-top:340px;}
    .heroslide .slide h1 {font-size:34px;}
    .heroslide .slide h3 {font-size:20px;}
    .heroslide .slide p {width:90%;}
    .herocontact {display:none}
    .vw-60 {width:90% !important}
    .ftrpolicy a {margin-left:0px;margin-right:18px;}

    .cta {padding:30px 20px;}
    .cta h1 {font-size:22px;line-height:30px;}

    .inpg_hero {min-height:410px;position: relative;}
    .inpg_heroslide {margin-top:290px;}
    .inpg_heroslide .slide h1 {font-size:34px;}
    .inpg_heroslide .slide h3 {font-size:20px;}
}
@media only screen and (max-width: 600px) {
    .heroslide .slide {padding-left:20px;padding-top:240px;}
    .heroslide .slide h1 {font-size:22px;}
    .heroslide .slide h3 {font-size:18px;}

    .boxitem {padding:16px 16px;}
}


.frmsection {display:block;}
.frmsection label {display:block;font-size:13px;font-weight:500;color:#444;margin-top:7px;}
.frmsection input, .frmsection select, .frmsection textarea, .frmsection .boxctrl  {display:block;font-size:14px;font-weight:400;color:#222;border:solid 1px #bdbdbd;padding:6px 10px;border-radius:3px;width:100%;}
.frmsection select {padding:7px 10px 7px 10px !important;}
a.primbtn {display:inline-block;padding:6px 18px;text-align:center;font-size:12px;font-weight:500;background-color:#0c085a;color:#fff;border-radius:3px;user-select:none;}
a.primbtn:hover{background-color:#0d883b;color:#fff;}
a.primbtn::before, a.primbtn:hover::before {content: '';}