body{font-family: 'Poppins', sans-serif;font-size: 15px;font-weight:400;color:#444;line-height: 24px;}
a{text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #07052c;}
.seconbg {background-color: #da6b00;}
.primcolor {color:#100c6a}
.seconcolor {color: #da6b00}
.graybg {background-color: #e0e0e0;}
.lightgraybg {background-color: #e8e9ef;}
.whitebg {background-color: rgba(255,255,255,0.55);}
.grdbg {background: rgba(7,5,44, 0.9);background: linear-gradient(111deg, rgba(7,5,44,0.9) 45%, rgba(218,107,0,0.9) 100%);;}
.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;}


/** Hero Home Page **/
.hero {position: relative;}
.heroslide {display: block;}
.heroslide .slide {display:block;min-height:720px;padding-top:260px;padding-left:120px;}
.heroslide .slide h1{color:#fff;font-size: 48px;font-weight: 600;text-transform: uppercase;}
.heroslide .slide h3{color:#fff;font-size: 26px;font-weight: 500;}
.heroslide .slide p{color:#d0d0d0;font-size:16px;font-weight:300;line-height: 26px;width:50%}
.heroslide .slide a{margin-top: 40px;color:#a4a1de;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';}

.herocontact {position: absolute;bottom:0px;right: 0px;padding:44px 10% 26px 80px;border-top-left-radius:120px;}
.herocontact h3 {color:#fff;font-size: 22px;font-weight: 400;}
.herocontact a{color:#a4a1de;font-size: 16px;font-weight: 400;transition: all 0.3s linear;position: relative;display: inline-block;}
.herocontact a:hover{color:#fff;padding-left: 30px;}
.herocontact a::before{position: absolute;content: '';transition: all 0.3s linear;left: 0px;top: 0px;}
.herocontact a:hover::before {content: '\27F6';}

.titlestyle {display: block;margin-left: 8px;}
.titlestyle p.bxstyle {display:inline-block;font-size:12px;font-weight:500;color:#27367c;margin-bottom:18px;padding:4px 10px 3px 10px;border-radius: 3px;border: solid 1px #27367c;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 h2.blue, .titlestyle h5.blue, .titlestyle h3.blue {color:#080362;}

.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:#d86a08;padding-left: 30px;}
.titlestyle:hover a::before {content: '\27F6';}
.titlestylewhite p, .titlestylewhite h3 {color:#fff}

.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, 0.5);border-radius:5px; border:solid 1px #dedede;padding:24px 18px 26px 18px;margin:5px;}
.solslide a{color:#07044b;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:#d86a08;padding-left: 30px;}
.solslide:hover a::before {content: '\27F6';}
.solslide:hover h3{color:#d86a08;}

.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;}


.bgcontact {background: url(../img/contact.jpg) no-repeat left top;background-size:cover;padding: 120px 0px 0px 0px;}

.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;font-weight:500}
.contactbox p a:hover {color:#d86a08}
.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 **/
.boxitem {border:solid 1px #dedede;padding: 30px 60px;border-radius: 3px;}
.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: '';}