/*------------------------------------------------------------------

IMPORT FONTS

font-family: 'Heebo', sans-serif;

font-family: 'Questrial', sans-serif;

font-family: 'Yantramanav', sans-serif;

-------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans:wght@100;300;400&family=Roboto:wght@100;300;400;500;600;700;800;900&family=Yantramanav:wght@100;300;400;500;600;700;800;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');



@import url('../../use.typekit.net/med1gow.css');

@font-face {

      font-family: "Helvetica";

      src: url("../fonts/Helvetica.ttf");

    }

 @font-face {

      font-family: "Helvetica-bold";

      src: url("../fonts/helvetica-bold.otf");

    }

 @font-face {

      font-family: "Helvetica-neue-bold";

      src: url("../fonts/helvetica-neue-bold.html");

    }

/*------------------------------------------------------------------

SKELETON

-------------------------------------------------------------------*/

body {

font-size: 20px;

font-family: 'Heebo', sans-serif;

line-height: 40px;

color: #030301;

font-weight: 300;

}

/*p {
    font-size: 21px;
    line-height: 40px;
    color: #030301;
    font-weight: 300;
    font-family: 'Heebo', sans-serif;
    margin-bottom: 0rem;
}*/

p {
    font-size: 20px;
    line-height: 35px;
    color: #030301;
    font-weight: 400;
    font-family: 'Heebo', sans-serif;
    margin-bottom: 0rem;
}

a {

color: #292728;

transition: all .5s ease-out 0s;

text-decoration: none !important;

}

a:hover {

color: #ce180d;

}

h1,

h2,

h3,

h4,

h5,

h6 {

font-family: 'Roboto', sans-serif;

color: #15222b;

margin-bottom: 0;

}

h1 {

    font-family: "Barlow",sans-serif;

    font-size: 54px;

    line-height: 60px;

    font-weight: 800;

    position: relative;

    z-index: 1;

}

h2 {

font-size: 50px;
/*font-size: 43px;*/
line-height: 60px;

font-weight: 900;

}

h3 {

font-size: 35px;

font-weight: 800;

}

h4 {

font-size: 23px;

font-weight: 800;

}

.fontw300{

font-weight: 300!important;

}

.fontw400{

font-weight: 400!important;

}

.fontw500{

font-weight: 500!important;

}

.fontw600{

font-weight: 600!important;

}

.fontw700{

font-weight: 700!important;

}

.fontw800{

font-weight: 800!important;

}

.fontw900{

font-weight: 900!important;

}

.colorw{

color: #ffffff!important;

}

.colorb{

color: #414042!important;

}

.color-blue{

    color: #003a59!important;

}

.color-red{

color: #92140c!important;

}

.color-red2{

color: #c51420!important;

}

.color-yellow{

color: #e59500!important;

}

.color-org{

    color: #d95040;

}

/*------------------------------------------------------------------

PADDING/MARGIN CSS

-------------------------------------------------------------------*/

.padtop05{

padding-top: 05px;

}

.padtop10{

padding-top: 10px;

}

.padtop15{

padding-top: 15px;

}

.padtop20{

padding-top: 20px;

}

.padtop25{

padding-top: 25px;

}

.padtop30{

padding-top: 30px;

}

.padtop40{

padding-top: 40px;

}

.padtop50{

padding-top: 50px;

}

.padtop60{

padding-top: 60px;

}

.padtop70{

padding-top: 70px;

}

.padtop80{

padding-top: 80px;

}

.padtop100{

padding-top: 100px;

}

.padtop120{

padding-top: 120px;

}

.padtop140{

padding-top: 140px;

}

.padtop150{

padding-top: 150px;

}

.padtop80h{

padding-top: 45px;

}

.padtop190{

padding-top: 194px;

}

.padtop220{

padding-top: 220px;

}

.padtop275{

padding-top: 275px;

}

.padtop310{

padding-top: 370px;

}

.padtop375{

padding-top: 375px;

}

.padbot10{

padding-bottom: 10px;

}

.padbot20{

padding-bottom: 20px;

}

.padbot30{

padding-bottom: 30px;

}

.padbot40{

padding-bottom: 40px;

}

.padbot50{

padding-bottom: 50px;

}

.padbot60{

padding-bottom: 60px;

}

.padbot70{

padding-bottom: 70px;

}

.padbot80{

padding-bottom: 80px;

}

.padbot100{

padding-bottom: 100px;

}

.padbot120{

padding-bottom: 120px;

}

.padbot130{

padding-bottom: 130px;

}

.padbot150{

padding-bottom: 150px;

}

.padbot165{

padding-bottom: 165px;

}

.padleft07{

padding-left: 7px;

}

.padleft14{

padding-left: 14px;

}

.padright07{

padding-right: 7px;

}

.padleft10{

padding-left: 20px;

}

.padleft30{

padding-left: 30px;

}

.padleft30n{

padding-left: 40px;

}

.padleft25{

padding-left: 25px;

}

.padleft35{

padding-left: 34px;

}

.padleft40{

padding-left: 40px;

}

.padleft50{

padding-left: 50px;

}

.padleft60{

padding-left: 60px;

}

.padleft70{

padding-left: 70px;

}

.padleft81{

padding-left: 80px;

}

.padleft200{

padding-left: 200px;

}

.padright25{

padding-right: 25px;

}

.padright30{

padding-right: 30px;

}

.padright35{

padding-right: 34px;

}

.padright50{

padding-right: 50px;

}

.padright70{

padding-right: 70px;

}

.padleft80 {

padding-left: 57px;

}

.padleft35 {

padding-left: 35px;

}

.padleft55 {

padding-left: 55px;

}

.padleft58 {

padding-left: 58px;

}

.padleft65 {

padding-left: 65px;

}

.padleft8f{

padding-left: 8px;

}

.padleft10f{

padding-left: 10px;

}

.padright10f{

padding-right: 10px;

}

.padlr70{

padding-right: 70px;

padding-left:70px;

}

.mrtop3{

margin-top: 3px;

}

.mrtopm15{

margin-top: -15px;

}

.mrtopm31{

margin-top: -31px;

}

.mrtopm25 {

margin-top: -25px;

}

.mrtopm50 {

margin-top: -50px;

}



.mrtopm63{

    margin-top: -63px;

}

.mrleftm15 {

margin-left: -15px;

}

.mrleftm35 {

margin-left: -35px;

} 

.mrleftm45{

margin-left: -45px;

}

.mrleftm80 {

    margin-left: -80px;

}

.mrright17{

    margin-right: 17px;

}

.mrleft17{

    margin-left: 17px;

}

.mrtopm100 {

    margin-top: -100px;

}

.mrbtm40 {

    margin-bottom: -40px;

}



.mrtopm55 {

    margin-top: -55px;

}

/*------------------------------------------------------------------

HEADER

-------------------------------------------------------------------*/

.header_style_01 {

    position: absolute;

    top: 0px;

    width: 100%;

    background-repeat: no-repeat;

    background-position: 8em 0em;

    z-index: 3;

    background: #ffffff;

    /*height: 96px;*/

    padding: 7px 0px;

   /* box-shadow: 0px 0px 20px 0px #1e2b3f5e;*/

    /* border-bottom: solid 1px #1a2631; */

}

.dropdown-item.active, .dropdown-item:active {

    color: #fff;

    text-decoration: none;

    background-color: #c51618;

}

.header_style_01 .header-nav{

padding: 0;

}

.header-nav .navbar-toggler span {

background: #ffffff;

}

.header-nav .navbar-brand {

color: #111111;

font-weight: 800;

position: relative;

font-size: 23px;

}

.header-nav .navbar-brand span {

width: 6px;

height: 6px;

border-radius: 50%;

position: absolute;

bottom: 12px;

right: -9px;

float: left;

}

.right-btn a{

display: inline-block;

padding: 5px 20px;

font-size: 18px;

border: 1px solid #ffffff;

color: #ffffff;

background-color: #ff521b;

line-height: 25px;

float: right;

font-weight: 500;

}

.right-btn a:hover{

background-color: #ff521b;

color: #ffffff;

border: 1px solid #ff521b;

}

/*Navbar Toogle*/

.navbar-toggler {

    background: #e4101c;

    border: none;

    padding: 10px 6px;

    outline: none !important;

}

.navbar-toggler span {

display: block;

width: 22px;

height: 2px;

border-radius: 1px;

background: #fff;

}

.navbar-toggler span + span {

margin-top: 4px;

}

/**/

/*.navbar-expand-lg .navbar-nav .nav-link {

    padding: 18px 0px 0px 0px;

    margin: 0px 5px;

    font-size: 15px;

    line-height: 25px;

    font-family: "acumin-pro-condensed", sans-serif;

    font-weight: 500;

    color: #1a2733;

    margin-left: 13px;

    margin-right: 10px;

    margin-top: 10px;

    text-transform: capitalize;

    transition: all .5s ease-out 0s;

    position: relative;

}*/

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 26px 0px 0px 0px;
    font-size: 18px;
    line-height: 20px;
    font-family: "acumin-pro-condensed", sans-serif;
    font-weight: 600;
    color: #000;
    margin-left: 28px;
    margin-right: 0;
    margin-top: 10px;
    text-transform: capitalize;
    transition: all .5s ease-out 0s;
    position: relative;
    text-align: center;
}

.navbar-expand-lg .navbar-nav .nav-link:hover{

background: none;

color: #db1104;

border-radius: 0px;

transition: all .5s ease-out 0s;

/*border-bottom: 3px solid #ff521b;*/

}

.navbar-expand-lg .navbar-nav .nav-link span.active{

background: none;

    color: #ef3125;

border-radius: 0px;

}

/*span.active::after{

    content: '';

    display: block;

    position: relative;

    top: 18px;

    border-bottom: 3px solid #df1e26;

}*/

/*.fixed-menu span.active::after{

    content: '';

    display: block;

    position: relative;

    top: 2px;

    border-bottom: 3px solid #df1e26;

}*/

.header_style_01 .navbar-brand {

    padding: 0px 15px 0 0px;

    height: auto;

    margin: 0;

}

.header_style_01 .navbar-brand img {

    margin-top: 0;

    width: 220px;

}

.header_style_01 .navbar-default .navbar-nav > li > a {

border-radius: 0;

color: #222222;

font-size: 18px;

font-style: normal;

font-weight: 500;

text-transform: capitalize;

background-color: transparent;

}

.header_style_01 .navbar-default .navbar-nav > li a {

background-color: transparent !important;

}

.header_style_01 .navbar-default .navbar-nav > li:hover a,

.header_style_01 .navbar-default .navbar-nav > li:focus a {

color: #ff521b;

}

.header_style_01 .navbar-right > li {

margin-top: 2px;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-ms-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

.header_style_01 .navbar-right > li > a {

padding-bottom: 10px;

padding-top: 10px;

}

li.social-links {

margin: 0 8px;

display: inline-block;

font-size: 20px;

}

li.social-links a {

padding: 0px 0 !important;

color: #ffffff;

display: inline-block;

}

li.social-links a:hover {

color: #ff521b;

}

.header_style_01.fixed-menu .navbar{

padding: 0rem 1rem;

}

.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link{

margin-top: 0px;

padding: 0px 0px 0px 0px;

}

.header_style_01.fixed-menu .linegreytop {

margin-top: -2px;

}

.header_style_01.fixed-menu{

position: fixed;

visibility: hidden;

left: 0px;

top: 0px;

height: 80px;

width: 100%;

z-index: 0;

transition: all 500ms ease;

-moz-transition: all 500ms ease;

-webkit-transition: all 500ms ease;

-ms-transition: all 500ms ease;

-o-transition: all 500ms ease;

z-index: 999;

opacity: 1;

visibility: visible;

-ms-animation-name: fadeInDown;

-moz-animation-name: fadeInDown;

-op-animation-name: fadeInDown;

-webkit-animation-name: fadeInDown;

animation-name: fadeInDown;

-ms-animation-duration: 500ms;

-moz-animation-duration: 500ms;

-op-animation-duration: 500ms;

-webkit-animation-duration: 500ms;

animation-duration: 500ms;

-ms-animation-timing-function: linear;

-moz-animation-timing-function: linear;

-op-animation-timing-function: linear;

-webkit-animation-timing-function: linear;

animation-timing-function: linear;

-ms-animation-iteration-count: 1;

-moz-animation-iteration-count: 1;

-op-animation-iteration-count: 1;

-webkit-animation-iteration-count: 1;

animation-iteration-count: 1;

}

.header_style_01.fixed-menu{

padding: 13px 0px;

border-bottom: 0;

box-shadow: 0px 0px 20px 0px #1e2b3f5e;

}

.navbar-nav li {

position: relative;

}

.header_style_01.fixed-menu .navbar-brand img {

    width: 180px;

    margin-top: 0;

}

body.app_version .header_style_01.fixed-menu{

top: 0px;

}

.toptitlefont {

font-family: 'Heebo', sans-serif;

font-size: 14px;

line-height: 25px;

color: #0155a5;

z-index: 4;

font-weight: 400;

position: relative;

float: right;

padding: 3px 20px;

    background: #e6e7e8;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.toptitlefont a{

color: #0155a5;

}



.toptitlefont2{

    font-family: 'Heebo', sans-serif;

    font-size: 15px;

    color: #60778c;

    z-index: 4;

font-weight: 400;

position: relative;

float: right;

    padding-top: 5px;

}

.toptitlefont2 a{

   color: #60778c; 

}

.toptitlefont2 a:hover {

    color: #bf1515;

}

.linegreytop{

margin-top: 30px;

font-size: 16px;

color:#000000;

}

/*.navbar-nav li:last-child a{

padding-right: 0!important;

margin-right: 0!important;

}*/

.line-height100{

    line-height: 100px;

}

.line-height80{

    line-height: 80px;

}

/*------------------------------------------------------------------

intro section

-------------------------------------------------------------------*/

.headerbg{


background-repeat: no-repeat;

background-size: cover;

background-position: top right;
height: 88vh;
display: grid;
align-content: center;

}

.font24{

    font-family: 'Roboto', sans-serif;

    font-size: 24px;

    line-height: 40px;

}

/*------------------------------------------------------------------

bonding section

-------------------------------------------------------------------*/

.font23{

    font-size: 23px;

    line-height: 30px;

    color: #c51420;

    border-left: solid 5px #c51420;

    padding-left: 15px;

    font-family: "Helvetica-neue-bold", sans-serif;

}

/*------------------------------------------------------------------

brand section

-------------------------------------------------------------------*/

/*.font21 {

    font-size: 23px;

    background: #fff;

    border-radius: 5px;

    box-shadow: 0px 0px 20px 0px #45454533;

    display: inline-block;

    font-weight: 600;

    padding: 3px 25px;

    position: relative;

    top: -18px;

}*/

.font21 {
    font-size: 28px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #45454533;
    display: inline-block;
    font-weight: 600;
    padding: 13px 25px;
    position: relative;
    top: -28px;
}

.blue-bg-product{

    background: #003a59 url(../images/high-product-bg.jpg);

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: 100%;

}



.mrtl-awbt {

    margin-top: -45px;

    margin-left: 26px;

}

.line-height30{

    line-height: 30px;

}

.line-height35{

    line-height: 35px;

}



.product-text-pos {

    margin-top: -170px;

    margin-left: 50px;

}

/*------------------------------------------------------------------

free sample section

-------------------------------------------------------------------*/



.free-box-thankyou{

    background: #ffffff url(../images/free-sample-bg.jpg);

    background-repeat: no-repeat;

    background-position: right top;

       box-shadow: 0px 0px 20px 0px #45454533;

    border-radius: 5px;

    padding: 50px 80px 50px 80px;

    background-size: contain;

}

.free-box{

    background: #ffffff url(../images/free-sample-bg.jpg);

    background-repeat: no-repeat;

    background-position: left top;

       box-shadow: 0px 0px 20px 0px #45454533;

    border-radius: 5px;

    padding: 50px 80px 50px 30px;

    background-size: contain;

}

.form-select-text {

    border: solid 1px #cbcbcb;

    color: #183242 !important;

    font-size: 16px;

    font-family: 'Noto Sans', sans-serif;

    font-weight: 400;

    width: 100%;

    border-radius: 0px;

    padding: 5px 18px 5px 18px;

}

input::placeholder {

color: #183242;

}

.errorfont{

    font-size: 15px;

    color: red;

}

.funding-submit {

    color: #fff;

    padding: 17px 20px 17px 20px;

    border-radius: 5px;

    background: #41AD49;

    border: none;

    transition: ease 0.5s;

    text-transform: uppercase;

    color: #FFF;

    cursor: pointer;

    transition: all 0.5s;

    position: relative;

    text-align: center;

    font-size: 28px;

    line-height: 30px;

    text-transform: uppercase;

    font-weight: 700;

    width: 100%;

}

.funding-submit:hover {

color: #FFF;

border-radius: 5px;

border: none;

background: #233342;

transition:ease 0.5s;

}

.funding-submit2 {

    color: #fff;

    padding: 17px 20px 17px 20px;

    border-radius: 5px;

    background: #233342;

    border: none;

    transition: ease 0.5s;

    text-transform: uppercase;

    color: #FFF;

    cursor: pointer;

    transition: all 0.5s;

    position: relative;

    font-family: 'Helvetica', sans-serif;

    text-align: center;

    font-size: 23px;

    line-height: 30px;

    text-transform: uppercase;

    font-weight: 700;

    width: 100%;

}

.funding-submit2:hover {

color: #FFF;

border-radius: 5px;

border: none;

background: #800d11;

transition:ease 0.5s;

}

.font14{

    font-size: 14px;

    color: #9da2a6;

}

/*------------------------------------------------------------------

archieve section

-------------------------------------------------------------------*/

/*.archieve-bg{

    background: url(../images/achieve-your-bg.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    background-size: 100%;

}*/
.archieve-bg.risk_section {
    background: url(../images/achieve-your-bg.jpg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 100%;
    height: 400px;
    display: grid;
    align-content: center;
}
.archieve-bg.risk_section h1 {
    font-size: 65px;
        font-family: 'Roboto', sans-serif;
}
.archieve-bg.risk_section h3 {
    font-size: 35px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}
.achieve-box {
    padding: 50px 50px;
    background: #ffffff;
    margin-top: -160px;
}



.font21-noto-sans{

    font-size: 21px;

    font-family: 'Noto Sans', sans-serif;

}

.case-studies-box{

    padding: 60px 39px 60px 70px;

    background: #ffffff;

    box-shadow: 0px 0px 20px 0px #45454533;

}

.bg-blue {

    background: #043d5b;

}

/*------------------------------------------------------------------

success stories section

-------------------------------------------------------------------*/

.box-ss{

   background: #ffffff;

    padding: 40px 40px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.font30{

    font-size: 30px;

    color: #233342;

    font-weight: 500;

}



.font20{

    font-size: 20px;

    line-height: 37px;

    font-style: italic;

}

.font18{

    font-size: 18px;

    line-height: 25px;

    font-weight: 600;

    font-family: 'Noto Sans', sans-serif;

}

.font18-roboto{

    font-size: 18px;

}

.font15-noto{

    font-size: 15px;

    font-weight: 400;

}

/*------------------------------------------------------------------

bonding section

-------------------------------------------------------------------*/

.font70{

    font-family: 'Yantramanav', sans-serif; 

    font-size: 70px;

    font-weight: 800;

    color: #ffffff;

}



.bg-protechnic .font28 {

    font-size: 48px;

    font-family: 'Yantramanav', sans-serif;

    background: #bf1515;

    display: inline-block;

    color: #ffffff;

    padding: 23px 25px;

    font-weight: 500;

    border-radius: 5px;

}



.bg-protechnic{

    background: #100a0e url(../images/bonding-2021.jpg);

    background-repeat: no-repeat;

    background-position: top center;

    padding: 0px 60px;

    border-radius: 12px;

}



.bg-wht-box{

    padding: 40px 85px;

    background: #ffffff;

    box-shadow: 0px 0px 20px 0px #45454533;

}

.grab-btn{

    background: #100a0e;

    border-radius: 7px;

    padding: 0px 52px;

}

.font35{

  font-size: 32px;

    font-family: 'Barlow', sans-serif;

    color: #ffffff;

    text-transform: uppercase;

    padding-left: 20px;

    font-weight: 600;

    padding-top: 21px;

}

.font35-title{

    font-size: 35px;

    line-height: 50px;

    color: #233342;

    font-weight: 700;

}

.live-icon {

    position: relative;

    top: -22px;

    left: -36px;

}

.catalog-img {

    position: relative;

    left: 70px;

    top: 40px;

}

/*------------------------------------------------------------------

about section

-------------------------------------------------------------------*/

.about-bg{

background: url(../images/about-bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: top center;

}

.font80-title{

    font-size: 80px;

    line-height: 100px;

}

.font21-whtbox{

    font-size: 21px;

    font-family: 'Heebo', sans-serif; 

    background: #ffffff;

    display: inline-block;

    color: #003a59;

    padding: 5px 25px;

    font-weight: 500;

    border-radius: 5px;

}

.line-height50{

  line-height: 50px;  

}



.border-btm-red{

    border-bottom: solid 8px #c40e19;

    width: 137px;

}

.bg-lite-blue{

    background: #f1f2f2;

}

.font60{

    font-size: 60px;

}

.font40{

    font-size: 40px;

}

.font36{

    font-size: 36px;

}

.font45{

    font-size: 45px;

}

.font25{

    font-size: 24px;

    color: #c51420;

}

.font50{

    font-size: 50px;

}

.font55{

    font-size: 55px;

}

.font24-red{

    font-size: 24px;

    color: #c51420;

}

.padall25{

   padding: 25px 30px 45px 0px;

}

.padall45{

   padding: 45px 30px 45px 0px;

}

.padall30{

   padding: 30px 0px 30px 0px;

}

.padall15{

   padding: 10px 0px 20px 0px;

}

.font100{

    font-size: 100px;

    line-height: 100px;

}

.border-top{

    border-top: solid 1px #cccdd0!important;

}

.border-top2{

    border-top: solid 1px #255873!important;

}

.border-right{

    border-right: solid 1px #cccdd0!important;

}

.partner-box {

    padding: 75px 66px 100px 80px;

    background: #ffffff;

    margin-top: -130px;

}

.partner-box2 {

    padding: 75px 120px 100px 120px;

    background: #ffffff;

    margin-top: -130px;

}

.box-shadow-red{

 box-shadow: 0px 0px 20px 0px #d8d8d8;   

}

.bg-dark-blue{

    background: #003a59;

}

.bg-dark-blue-half{

  background: linear-gradient(to bottom, #003a59 75%, #ffffff 45%);



}

.explore-box{

   background: #ffffff;

   padding: 05px 28px 05px 23px;

}

.explore-box i, .explore-box h4{

    transition: all 0.5s;

}

.explore-box a:hover i{

    margin-left: 5px;

    transition: all 0.5s;

}

.explore-box a:hover h4{

    color: #003a59;

    transition: all 0.5s;

}

.pos-rel25 {

    position: relative;

    left: -25px;

}

.pos-rel25p {

    position: relative;

    left: 25px;

}



/*------------------------------------------------------------------

product Thermo Adhesives section

-------------------------------------------------------------------*/

.product_ta{

    background: url(../images/thermo-adhesives-bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: top center;

}

.font_120{

    font-size: 120px;

    line-height: 110px;

}

.font_70{

    font-size: 70px;

    line-height: 90px;

}

.font23-heebo{

    font-family: 'Heebo', sans-serif;

    font-size: 23px;

    background: #ffffff;

    border-radius: 5px;

    box-shadow: 0px 0px 20px 0px #45454533;

    display: inline-block;

    font-weight: 600;

    padding: 3px 25px;

   position: relative;

    color: #233342;

    top: -20px;

}

.dark-blue-bg{

    background: #003a59;

}

.dark-blue-bg2{

    background: #024061;

}



.needs-box{

    background: #ffffff;

    padding: 49px 149px 47px 94px;

    border-radius: 5px;

}

.needs-box2{

    background: #ffffff;

    padding: 49px 35px 50px 46px;

    border-radius: 5px 0px 0px 5px;

}

.download-btn {

    color: #fff;

    padding: 13px 22px 13px 22px;

    border-radius: 5px;

    background: #233342;

    border: none;

    transition: ease 0.5s;

    text-transform: uppercase;

    color: #FFF;

    cursor: pointer;

    transition: all 0.5s;

    position: relative;

    font-family: 'Helvetica', sans-serif;

    text-align: center;

    font-size: 17px;

    line-height: 30px;

    text-transform: uppercase;

}

.download-btn:hover {

color: #FFF;

border-radius: 5px;

border: none;

background: #800d11;

transition:ease 0.5s;

}

.bg-lite-blue2{

     background: #eff4f7;

    padding: 25px 38px;

}

.bg-wht-box3{

     background: #ffffff;

    padding: 30px 31px;

}

.bg-wht-box2{

     background: #ffffff;

    padding: 30px 40px;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}

.font22{

    font-size: 22px;

}

.wht-spac{

    white-space: nowrap;

}

.mrleftm9 {

    margin-left: -9px;

}

.mrleftm30 {

    margin-left: 30px;

}

.mrleftm18 {

    margin-left: -18px;

}

.font17{

    font-size: 17px;

}

.icon-border {

    border: solid 1px #ffffff;

    padding: 20px 0px;

    border-radius: 72px;

    width: 100px;

    background: #ffffff;

    text-align: center;

    margin: 10px auto;

    box-shadow: 0px 0px 20px 0px #b0b0b04d;

    transition: all 0.9s;

}

.icon-border:hover, .icon-border.active {

    border: solid 1px #c71d28;

    box-shadow: 0px 0px 30px 0px #b0b0b04d;

    transition: all 0.9s;

}

.wht-bx{

    padding: 100px 70px 60px 70px;

}

.bg-expert{

    background: url(../images/expert-left-img.jpg);

    background-repeat: no-repeat;

    background-position: left top;

}



.call-back-btn {

    color: #fff;

    padding: 8px 20px 8px 20px;

    border-radius: 5px;

    background: transparent;

    border: solid 1px #a6a6a6;

    transition: ease 0.5s;

    color: #233342;

    cursor: pointer;

    transition: all 0.5s;

    position: relative;

    font-family: 'Heebo', sans-serif;

    text-align: center;

    font-size: 23px;

    line-height: 30px;

    font-weight: 600;

    width: 100%;

}

.call-back-btn:hover {

color: #FFF;

border-radius: 5px;

    border: solid 1px #800d11;

background: #800d11;

transition:ease 0.5s;

}



/*------------------------------------------------------------------

case study inner section

-------------------------------------------------------------------*/

.case-study-inner{

    background: #50575d url(../images/case-study-inner-bg.jpg);

background-repeat: no-repeat;

background-position: right top;

}



.bg-lite-blue3{

    background: #f1f2f2;

    padding: 80px 80px;

}

.font15-red{

    font-size: 15px;

    font-weight: 500;

    color: #c51420;

    text-transform: uppercase;

}

.font70-title{

    font-size: 70px;

}



.box-shadow-cs{

    box-shadow: 0px 0px 20px 0px #d8d8d8;

}

.padall55{

    padding: 45px 35px;

}

.font20-pera{

    font-size: 20px;

}



.learn-more-btn {

    color: #fff;

    padding: 12px 20px 12px 20px;

    border-radius: 5px;

    background: #5b6671;

    border: none;

    transition: ease 0.5s;

    text-transform: uppercase;

    cursor: pointer;

    position: relative;

    font-family: 'Helvetica', sans-serif;

    text-align: center;

    font-size: 17px;

    line-height: 30px;

    text-transform: uppercase;

}

.learn-more-btn:hover {

color: #FFF;

border-radius: 5px;

border: none;

background: #800d11;

transition:ease 0.5s;

}

.case-study-main{

    background: url(../images/case-study-main-bg.jpg);

background-repeat: no-repeat;

background-position: right top;

    background-size: cover;

}

/*-------Deco-Protective Films----------*/

.deco_probg{

background: url(../images/deco_bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: top center;

}

.padall20{

   padding: 35px 40px 35px 40px;

}

.bg-light{

    background: #f1f2f2;

}

.padall25n{

        padding: 20px 20px 30px 0px;

}



/*------------------------------------------------------------------

contact page 

-------------------------------------------------------------------*/

.contact_bg{

background: url(../images/contact_bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: top center;

}

.box-wht-contact{

     box-shadow: 0px 0px 20px 0px #d8d8d8;

    padding: 55px 70px 80px 70px;

}

.font16{

    font-size: 16px;

    line-height: 25px;

}

.font19{

    font-size: 19px;

    color: #c51420;

    font-weight: 600;

}

.formarea{

    padding-right: 28px;

}

.font23-wht{

    font-size: 23px;

    font-family: 'Helvetica', sans-serif;

}

.blue-pad-box{

    background: #003a59;

    padding: 45px 48px;

    border-radius: 5px;

}

.address-box50 {

    padding: 30px 30px;

    background: #ffffff;

    height: 300px;

}

.line-height90{

    line-height: 90px;

}

.selectdiv:after{

    content: '<>';

    font: 17px "Consolas", monospace;

    color: #333;

    -webkit-transform: rotate(

90deg

);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    transform: rotate(

90deg

);

    right: 17px;

    top: 14px;

    padding: 0 0 2px;

    position: absolute;

    pointer-events: none;

    background: #ffffff;

}

.select-pad{

    padding: 13px 18px 13px 18px;

}

/*-----------FAQ section-------------*/

.faq_bg{

background: url(../images/faq_bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: top center; 

}

.font_100{

    font-size: 100px;

    line-height: 90px;

}

.padall15-n{

    padding: 25px 25px 30px 30px;

    

}

.nav-tabs {

    border-bottom: none;

        display: flex;

    justify-content: center!important;

}

.boder-line {

    border: 1px solid #c51420; 

}

.color-black{

    color: #000;

}

.hr-line{

    border-bottom: 1px solid #cccccc;

}

.nav.nav-tabs li{

    padding: 0px 20px;

    width: 360px;

}

a.active.show .box-shadow-red{

    border: 1px solid #c51420; 

}



.dropdown-menu {

    left: 20px;

    transition: all .8s;

    padding: 0;

    top: 70px;

}

.dropdown-item {

    border-bottom: solid 1px #efefef;

    transition: all .1s;

}

.header_style_01.fixed-menu 

/*------------------------------------------------------------------

FOOTER

-------------------------------------------------------------------*/

.footer-font16{

    font-size: 16px;

        font-family: 'Noto Sans', sans-serif;

    color: #9bb0c6;

    line-height: 30px;

    padding-top: 20px;

    margin-left: -15px;

}

.footerbg{

background: linear-gradient(to right, #151f29 70%, #100a0e  30%);

}

.bordertopf{

border-top: solid 1px #24303d;

}

.footerbg2{

background: #0f151c;

}

.footertb50{

padding-top: 50px;

padding-bottom: 20px;

}

.footerfont20{

font-size: 20px;

font-weight: 400;

color: #ffffff;

font-family: 'Barlow', sans-serif;

}

.footerfont18{

font-size: 16px;

line-height: 25px;

color: #bbcbdc;

font-family: 'Noto Sans', sans-serif;

font-weight: 600;

text-transform: uppercase;

}

.footerfont15{

font-size: 15px;

line-height: 31px;

color: #a2a2a2;

font-family: 'Roboto', sans-serif;

}

.padtb10{

padding-top: 10px;

padding-bottom: 10px;

}

.footerfont13{

font-size: 14px;

line-height: 35px;

color: #404958;

font-family: 'Noto Sans', sans-serif;

}

.footerbg a{

color: #a3c4cc;

}

.footerbg a:hover{

color: #ffffff;

}

.footerbg2 a{

color: #404958;

}

.footerbg2 a:hover{

color: #ffffff;

}

.footerbg3 a{

color: #4c7580;

}

.footerbg2 a:hover{

color: #ffffff;

}

.dmtop {

    background-color: #bf1515;

    z-index: 100;

    width: 40px;

    height: 40px;

    line-height: 37px;

    position: fixed;

    bottom: -100px;

    border-radius: 3px;

    right: 20px;

    text-align: center;

    font-size: 28px;

    color: #ffffff !important;

    cursor: pointer;

    -webkit-transition: all .7s ease-in-out;

    -moz-transition: all .7s ease-in-out;

    -o-transition: all .7s ease-in-out;

    -ms-transition: all .7s ease-in-out;

    transition: all .7s ease-in-out;

}

.font15{

font-size: 16px;

line-height: 25px;

    font-family: 'Noto Sans', sans-serif;

color: #8397ad;

}

.font15-pera{

font-size: 15px;

line-height: 23px;

}



.socialicon{

font-size: 12px;

background: #00294d;

padding: 6px 8px;

border-radius: 26px;

color: #457f98;

font-weight: bold;

transition: all .5s ease-out 0s;

}

.socialicon:hover{

background: #ffffff;

cursor: pointer;

transition: all .5s ease-out 0s;

}



/* Hover effect */

.icon-effect .icon {

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

}

.icon-effect .icon:after {

  top: -5px;

  left: -5px;

  padding: 5px;

  box-shadow: 0 0 0 1px #f1f1f1;

  -webkit-transition: all 0.5s;

  -moz-transition: all 0.5s;

  -ms-transition: all 0.5s;

  -o-transition: all 0.5s;

  transition: all 0.5s;

  -webkit-transform: scale(0.8);

  -moz-transform: scale(0.8);

  -ms-transform: scale(0.8);

  -o-transform: scale(0.8);

  transform: scale(0.8);

  opacity: 0;

}



.icon-effect-1a .icon:hover {

  background-color: #f1f1f1;

  color: #2f6080;

}

.icon-effect-1a .icon:hover:after {

  -webkit-transform: scale(1);

  -moz-transform: scale(1);

  -ms-transform: scale(1);

  -o-transform: scale(1);

  transform: scale(1);

  opacity: 1;

}



/* Ul styles */

ul {

  list-style: none;

    padding: 0;

        margin-bottom: 0;

}

ul > li {

  display: inline;

}

.icon {

  display: inline-block;

  position: relative;

  z-index: 1;

  width: 27px;

  height: 27px;

  border-radius: 50%;

  font-size: 14px;

  color: #0d3f4b!important;

  line-height: 29px;

  text-align: center;

  background-color: #4c7580;

}

.icon:after {

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  box-sizing: content-box;

}

.icon2 {

  display: inline-block;

  position: relative;

  z-index: 1;

  width: 29px;

  height: 29px;

  border-radius: 50%;

  font-size: 14px;

  color: #ffffff!important;

  line-height: 29px;

  text-align: center;

  background-color: #00768d;

}

.icon2:hover{

    color:#00768d; 

  background-color: #df1e26;

}

.icon2:after {

  position: absolute;

  width: 100%;

  height: 100%;

  border-radius: 50%;

  content: '';

  box-sizing: content-box;

}



.product-box a:hover h3, .product-box a:hover h4{

    color: #ef3125!important;

    transition: all 0.5s;

}

.product-box a, .product-box i, .product-box h3{

    transition: all 0.5s;

}

.product-box a:hover i{

    margin-left: 5px;

    transition: all 0.5s;

}

.border-btm-wht:after{

    content: '';

    display: inline-block;

    border-top: solid 1px #ffffff;

    width: 38%;

    margin-left: 5px;

    /*position:absolute;*/

}



.pos-glance-sec {

    position: relative;

    left: 30px;

}

/*------------------------------------------------------------------

leadership section

-------------------------------------------------------------------*/

.leadership-bg{

background: url(../images/leadership-bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: top center;

}

.sm2-font18 {

    font-size: 16px;

    line-height: 22px;

    color: #6d6e71;

    font-weight: 400;

    padding-top: 5px;

}

.font21-l{

    font-size: 21px;

}



/* Vidio section */





.video_wrapper {

width: 999px;

height: 452px;

margin: 0 auto;

position: relative;

background-color: #000;

}

.video_wrapper_full {

padding-top: 315px;

}

.videoIframe {

position: absolute;

top: 0;

bottom: 0;

right: 0;

left: 0;

background-color: transparent;

}

.videoPoster {

position: absolute;

top: 0px;

left: 0px;

width: 999px;

height: 452px;

background-image:url(../images/bonding-revolution-video.png);

background-size: cover;

border: none

text-indent: -999em;

overflow: hidden;

opacity: 1;

-webkit-transition: opacity 800ms, height 0s;

-moz-transition: opacity 800ms, height 0s;

transition: opacity 800ms, height 0s;

-webkit-transition-delay: 0s, 0s;

-moz-transition-delay: 0s, 0s;

transition-delay: 0s, 0s;

border: 0;

}

.videoPoster:hover {

cursor: pointer;

}

.videoPoster:before {

content: '';

position: absolute;

top: 50%;

left: 50%;

width: 85px;

height: 85px;

margin: -39px 0 0 -43px;

border: 4px solid #fff;

border-radius: 100%;

background:trasparant;

-webkit-transition: border-color 300ms;

-moz-transition: border-color 300ms;

transition: border-color 300ms;

}

.videoPoster:after {

content: '';

position: absolute;

top: 51%;

left: 50%;

width: 0;

border-radius: 3px;

height: 0;

margin: -16px 0 0 -10px;

border-left: 25px solid #fff;

border-top: 15px solid transparent;

border-bottom: 15px solid transparent;

-webkit-transition: border-color 300ms;

-moz-transition: border-color 300ms;

transition: border-color 300ms;

}

.videoPoster:hover:before,  .videoPoster:focus:before {

border-color: #f00;

background: #f00;

}

.videoPoster:hover:after, .videoPoster:focus:after {

border-left-color: #ffffff;

}

.videoWrapperActive .videoPoster {

opacity: 0;

height: 0;

-webkit-transition-delay: 0s, 800ms;

-moz-transition-delay: 0s, 800ms;

transition-delay: 0s, 800ms;

}

/*------------------------------------------------------------------

download section

-------------------------------------------------------------------*/

.download_bg{

background: url(../images/download-bg.jpg);

background-repeat: no-repeat;

background-size: cover;

background-position: bottom center;

}

ul.bulletstyle {

  list-style: none; /* Remove list bullets */

  padding: 0;

  margin: 0;

}



.bulletstyle li{

    background: url(../images/bulletpoint.png) no-repeat;

    background-position:left center;

    display:block;

    padding-left: 20px;

    font-weight:300;

        vertical-align: top;

}

.story-submit {

color:#fff;

padding:10px 20px;

border-radius:10px;

background: #ffffff;

border: none;

transition:ease 0.5s;

text-transform: uppercase;

color: #000000;

cursor: pointer;

transition: all 0.5s;

position: relative;

font-family: 'Barlow', sans-serif;

text-align:center;

font-size: 18px;

line-height: 30px;

text-transform: uppercase;

font-weight: 700;

box-shadow: 0px 0px 20px 0px #48484829;

}

.story-submit:hover {

color: #FFF;

border-radius:10px;

border: none;

background: #df1e26;

transition:ease 0.5s;

}

.story-submit i{

    color: #000000;

    transition:ease 0.5s;

}

.story-submit:hover i{

    color: #ffffff;

    transition:ease 0.5s;

}   







.accordion a {

    position: relative;

    /* display: -webkit-box; */

    /* display: -webkit-flex; */

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    flex-direction: column;

    width: 100%;

    padding: 5px 20px;

    font-size: 16px;

    font-weight: 400;

    background: #f1f1f1;

    margin-bottom: 5px;

    border-radius: 10px;

}



.accordion a:hover, .accordion a:hover::after {

    cursor: pointer;

    color: #fff !important;

    background: #bf1515 !important;

}



.accordion a:hover::after {

    border: 2px solid #fff;

}

.accordion a.active {

    color: #fff;

    background: #bf1515;

}



.accordion a::after {

    font-family: "fontawesome";

    content: "\f128";

    position: absolute;

    float: right;

    right: 2rem;

    font-size: 18px;

    color: #bf1515;

    padding: 0;

    width: 30px;

    height: 30px;

    -webkit-border-radius: 50%;

    -moz-border-radius: 50%;

    border-radius: 50%;

    border: 2px solid #bf1515;

    text-align: center;

    line-height: 28px;

    text-align: center;

    margin-top: 4px;

}



.accordion a.active::after {

    font-family: "fontawesome";

    content: "\f00c";

    color: #fff;

    border: 2px solid #fff;

}



.accordion .content {

  display: none;

  padding: 1rem;

  

  overflow: hidden;

}



.accordion .content p {

  font-size: 1rem;

  font-weight: 300;

}



.gallery {

    margin-top: 8%;

    margin-bottom: 50px;

}

.gallery .pic_gal {

    margin-bottom: 50px;

    background: #f2f2f287;

    padding: 30px;

    border-radius: 20px;

}

.gallery .pic_gal .gal_img {

    border: 1px solid #e20612;

    padding: 10px;

    border-radius: 10px;

    background: #fff;

    margin-bottom: 30px;

}

.gallery .pic_gal .gal_img img {

    width: 100%;

}

.system_images img{

    width: 100%;

}

.pdf_section img {

    padding: 0;

    border: 1px solid #ce180d;

    border-radius: 10px;

}

/*#home h1 {

    color: #ff101d;

    text-transform: capitalize;

    font-size: 70px;

}*/

/*#home h1 {
    text-transform: uppercase;
    font-size: 90px;
    line-height: 88px;
}*/

#home h1 {
    /* text-transform: uppercase; */
    /* font-size: 90px; */
    /* line-height: 88px; */
    font-family: "Barlow",sans-serif;
    font-size: 130px;
    line-height: 130px;
    font-weight: 800;
}

.system_div .system.txt h4 {

    font-size: 40px;

    color: #ea5d4c;

}

.system_div .system.txt ul {

    margin-top: 10px;

    border-top: 1px solid #d4cac8ab;

    padding-top: 10px;

    padding-left: 20px;

}

.system_div .system.txt ul li {

    list-style-type: disc;

    color: #ea5d4c;

    display: inline flow-root list-item;

}

.system_div .system.txt ul li p{

    color: #000;

}

.system_div .system.txt span {

    font-size: 17px;

}

.system_div {

    background: #f9f8f7;

    padding: 40px 40px;

    border-radius: 30px;

    margin-bottom: 30px;

}



.adhsv_ul{

    padding-left: 0;

}
/*
.adhsv_ul li {

    list-style-type: disc;

    color: #bf1515;

    display: list-item;

}*/
.adhsv_ul li {
    list-style-type: disc;
    color: #a51f5e;
    display: list-item;
    list-style: none !important;
    position: relative;
    margin-bottom: 20px;
}
.adhsv_ul li i {
    color: #bf1515;
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 22px;
}
.adhsv_ul li span {
    margin-left: 48px;
    display: block;
    /* line-height: normal; */
}
.address-box50 .font23-wht.color-red2 img {

    width: 30px;

    height: 30px;

}







@media only screen and (max-width: 399px) and (min-width: 300px) {

 .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link::before {

    top: 13px !important;

    right: 0 !important;

    left: auto !important;

}   

.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {

    border-bottom: 1px solid #cecece !important;

}

  #home h1 {

    font-size: 50px !important;

    line-height: 55px !important;

}

.header_style_01 .navbar-brand {

    width: 74% !important;

}

.adhsv_ul {

    padding-left: 0 !important;

}

.adhsv_ul img{width: 100% !important;}

.system_div {

    background: #f9f8f7 !important;

    padding: 15px 0 !important;

    border-radius: 20px !important;

    margin-bottom: 30px !important;

}

.system.txt {

    margin-top: 20px;

    line-height: normal;

}

}

@media only screen and (max-width: 767px) and (min-width: 400px) {

    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link {

    border-bottom: 1px solid #cecece !important;

}

    .header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link::before {

    top: 13px;

    right: 0;

    left: auto;

}

#home h1 {
    font-size: 50px !important;
    line-height: 44px !important;
}

.adhsv_ul img{width: 100% !important;}

.adhsv_ul {

    padding-left: 0 !important;

}

.system_div {

    background: #f9f8f7 !important;

    padding: 15px 0 !important;

    border-radius: 20px !important;

    margin-bottom: 30px !important;

}

.system.txt {

    margin-top: 20px;

    line-height: normal;

}

}

/*.nav-link.mach::before, .nav-link.adh::before {

    content: 'Systems';

    position: absolute;

    background: #d31d12;

    font-size: 11px;

    line-height: normal;

    top: 6px;

    padding: 1px 9px;

    color: #fff;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    left: 0;

    border-radius: 20px;

    text-transform: capitalize;

}

.nav-link.acces::before, .nav-link.fotwr::before {

    content: 'Application';

    position: absolute;

    background: #d31d12;

    font-size: 11px;

    line-height: normal;

    top: 6px;

    padding: 1px 9px;

    color: #fff;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    left: 0;

    border-radius: 20px;

    text-transform: capitalize;

}*/

.header_style_01.fixed-menu .navbar-expand-lg .navbar-nav .nav-link::before {

    top: -13px;

}

/*.navbar-nav {

    margin-top: 12px;

}*/



.how_where-section {

    background: #f7f7f7;

}





/************************************************************************************* */

.rfid_field ul li {

    list-style-type: disc;

    display: list-item;

    color: #bf1515;

}

.grids {

    background: #fff;

    padding: 40px;

    border-radius: 10px;

}

.grids img {

    width: 100%;

}

.grids h6 {

    line-height: 26px;

}



.counter_quote{

    display: flex;

    flex-wrap: wrap;

}

.counter_quote .counter_quote_li{

    flex-basis: 50%;

}

.quote_div {

    text-align: center;

    margin: 0;

    padding: 43px 50px;

}

.quote_div  p {

    font-size: 20px;

    line-height: 32px;

    color: #012f66;

    font-weight: 600;

    font-family: 'Heebo', sans-serif;

    margin-bottom: 0rem;

}

.quote_div h6 {

    margin-top: 10px;

    font-weight: 400;

    font-size: 18px;

    color: #bf1515;

    border-top: 1px dashed#bf1515;

    padding-top: 10px;

}

.counter_quote .counter_quote_li .text_div {

    padding: 50px;

}

.enshield_table .table td,

.enshield_table .table th {

    font-size: 16px;

    line-height: normal;

}

.enshield_table .table td .fas.fa-check {

    color: #00bd00;

    font-size: 20px;

}

.enshield_table .table td .fas.fa-times {

    color: #dd190a;

    font-size: 20px;

}



.timeline {

  list-style: none;

  padding: 20px 0 20px;

  position: relative;

}

.timeline::before {

    top: 0;

    bottom: 40px;

    position: absolute;

    content: " ";

    width: 1px;

    background-color: #d9d9d9;

    left: 50%;

    margin-left: -1.5px;

}

.timeline > li {

  margin-bottom: 20px;

  position: relative;

}



.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}



.timeline > li:after {

  clear: both;

}



.timeline > li:before,

.timeline > li:after {

  content: " ";

  display: table;

}



.timeline > li:after {

  clear: both;

}



.timeline > li > .timeline-panel {

    width: 46%;

    float: left;

    border-radius: 10px;

    padding: 20px 20px 20px 80px;

    position: relative;

    box-shadow: 0 1px 11px rgba(0, 0, 0, 0.175);

    background: #fff;

}



.timeline > li > .timeline-panel::before {

    position: absolute;

    top: 25px;

    right: -40px;

    display: inline-block;

    border-top: 40px solid transparent;

    border-left: 40px solid #f0ad4e;

    border-right: 0 solid #f0ad4e;

    border-bottom: 40px solid transparent;

    content: " ";

}



/*.timeline > li > .timeline-panel:after {

  position: absolute;

  top: 27px;

  right: -14px;

  display: inline-block;

  border-top: 14px solid transparent;

  border-left: 14px solid #fff;

  border-right: 0 solid #fff;

  border-bottom: 14px solid transparent;

  content: " ";

}*/



.timeline-badge1 {

    color: #f49104;

    width: 100px;

    height: 100px;

    text-align: center;

    position: absolute;

    top: 15px;

    left: -45px;

    margin-left: 0;

    background-color: #fef5e9;

    z-index: 100;

    border-top-right-radius: 50%;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    border-bottom-left-radius: 50%;

    font-size: 50px;

    line-height: 95px;

    border: 6px solid #f0ad4e;

}

.timeline > li > .timeline-badge2 {

    color: #fff;

    width: 80px;

    height: 80px;

    line-height: 50px;

    font-size: 1.4em;

    text-align: center;

    position: absolute;

    top: 47px;

    right: -55px;

    margin-left: 0;

    background-color: #f0ad4e;

    z-index: 100;

    border-top-right-radius: 50%;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    border-bottom-left-radius: 50%;

}



.timeline > li.timeline-inverted > .timeline-panel {

    float: right;

    padding: 20px 80px 20px 20px;

    top: -60px;

}

.timeline-badge2 {

    color: #6db040;

    width: 100px;

    height: 100px;

    text-align: center;

    position: absolute;

    top: 28px;

    right: -45px;

    margin-left: 0;

    background-color: #e9f4e1;

    z-index: 100;

    border-top-right-radius: 50%;

    border-top-left-radius: 50%;

    border-bottom-right-radius: 50%;

    border-bottom-left-radius: 50%;

    font-size: 50px;

    line-height: 95px;

    border: 6px solid #6db040;

}

/*.timeline > li.timeline-inverted > .timeline-panel::before {

    border-left-width: 0;

    

    left: -40px;

    right: auto;

    top: 57px;

}*/

.timeline > li.timeline-inverted > .timeline-panel::before {

    border-left-width: 0;

    left: -40px;

    right: auto;

    top: 40px;

    border-right: 40px solid #6DB040;

    border-right-width: 40px;

}

.timeline > li.timeline-inverted > .timeline-panel:after {

  border-left-width: 0;

  border-right-width: 14px;

  left: -14px;

  right: auto;

}



.timeline-badge.primary {

  background-color: #2e6da4 !important;

}



.timeline-badge.success {

  background-color: #3f903f !important;

}



.timeline-badge.warning {

  background-color: #f0ad4e !important;

}



.timeline-badge.danger {

  background-color: #d9534f !important;

}



.timeline-badge.info {

  background-color: #5bc0de !important;

}



.timeline-title {

  margin-top: 0;

  color: inherit;

}



.timeline-body > p,

.timeline-body > ul {

  margin-bottom: 0;

}



.timeline-body > p + p {

  margin-top: 5px;

}





.rating_div .font70 {

    font-family: 'Yantramanav', sans-serif;

    font-size: 50px;

    font-weight: 800;

    color: #ffffff;

    line-height: 76px;

    padding-top: 30px;

}



.way_ahead_ul {

    display: flex;

    flex-wrap: wrap;

}

.way_ahead_ul li {

    flex-basis: calc(25% - 14px);

    margin: 20px 7px;

    text-align: center;

    background: #fff;

    padding: 17px 0;

    border-radius: 10px;

    border: 1px solid #bf15151c;

}

.way_ahead_ul li img{

    width: 45px;

    padding-right: 5px;

}



.border-all {

    border: solid 1px #eccaca;

    padding: 40px 60px;

    background: #ffffff;

    border-radius: 5px;

}

.border-all p{

    color: #000;

}

.owl-nav {

    display: block;

    text-align: center;

}

.owl-next, .owl-prev {

    display: inline-block;

    width: 40px;

    height: 40px;

    background: #bf1515;

    color: #fff;

    font-size: 36px;

    border-radius: 4px;

    margin: 20px 4px;

}

.products_div .bg-wht-box3 p {

    font-size: 16px;

    line-height: normal;

    color: #030301;

    font-weight: 300;

    font-family: 'Heebo', sans-serif;

    margin-bottom: 0rem;

    height: 250px;

}
.counter {
    text-align: center;
    padding: 30px 0;
    border-radius: 30px;
    border: 1px solid #e1e9ee;
    background: rgba(255, 255, 255, 0.92);
}
.counter_quote .counter_quote_li {
    flex-basis: calc(33.33% - 30px);
    margin: 0 15px;
}
.counter h2 {
    font-size: 50px;
    line-height: 60px;
    font-weight: 900;
    color: #bf1515;
}
.counter p {
    font-size: 17px;
    line-height: 30px;
    color: #7b8d9f;
    font-weight: 500;
    font-family: 'Heebo', sans-serif;
    margin-bottom: 0rem;
    text-transform: capitalize;
    margin-top: 20px;
}
.product_ul {
    display: flex;
    flex-wrap: wrap;
}
.product_ul .product_li {
    flex-basis: calc(20% - 20px);
    margin: 10px;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
.product_ul .product_li .fontw500 {
    text-align: center;
    float: none !important;
    color: #464646 !important;
}
.product_ul .product_li .bg-wht-box3 {
    background: #ffffff;
    padding: 19px 10px;
}
@media only screen and (max-width: 599px) and (min-width: 300px) {
.counter_quote .counter_quote_li {
    flex-basis: calc(100% - 30px);
    margin: 10px 15px;
}
.product_ul .product_li {
    flex-basis: 100%;
    }
}


.table td, .table th {
    padding: 5px 15px;
    vertical-align: middle;
    border: 1px solid #aea9a9;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    background: #fff;
}
.home_banner_content {
    width: auto;
    display: inline-block;
    margin-left: 70px;
}
.about-bg h1 {
    font-size: 43px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 600 !important;
    text-transform: capitalize;
    margin-bottom: 20px;
    color: #193543;
    width: 50%;
    line-height: 50px;
    margin: 0;
}
.about-bg {
    height: 335px;
    background-position: center;
    display: grid;
    align-content: center;
}


.divisions_full.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    /* background-color: #fff; */
    overflow-y: hidden;
    transition: 0.5s;
    background: radial-gradient(circle, rgba(0,58,89,1) 0%, rgba(37,130,180,1) 100%); 
}

.divisions_full.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.divisions_full.overlay a {
    padding: 0;
    text-decoration: none;
    font-size: 21px;
    color: #00131a;
    display: block;
    transition: 0.3s;
    font-weight: 400;
}
.divisions_full.overlay a:hover, .divisions_full.overlay a:focus {
  color: #cf1d13;
}

.divisions_full.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 50px;
    font-weight: 100;
    color: #fff;
    z-index: 9;
}

.divisn_ul {
    /*! display: flex; */
    /*! flex-wrap: wrap; */
    /*! margin-top: 6px; */
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
.divisn_ul li {
    /*! flex-basis: calc(20% - 20px); */
    margin: 10px 10px;
    background: rgba(255, 255, 255, 0.85);
    text-align: center;
    overflow: hidden;
    border-radius: 10px;
    padding: 10px 20px;
    transition: all .3s;
}
.divisn_ul li:hover {
    background: #fff;
}
.divisn_ul li img {
  width: 90%;
  height: 80px;
  object-fit: contain;
  object-position: center;
}

.divisions_full.overlay .left_menu_img {
    width: 300px;
    margin: auto;
    display: block;
    padding-top: 0;
}

.divisions_full.overlay a i{color: #cf1d13;}



.template-btn {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  padding: 12px 20px;
  display: inline-block;
  background: transparent;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.template-btn:hover {
  color: white;
  background: #f28500;
}
.portfolio-section {
  padding-top: 0;
 /* transition: 1.3s;*/
  /*box-sizing: border-box;*/
  height: auto;
}

.portfolio-tab ul {
  text-align: center;
  margin-top: 0;
}
.portfolio-tab ul li {
  color: #fff;
  background: transparent;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  padding: 4px 22px;
  border-bottom: 2px solid transparent;
  margin: 5px;
  cursor: pointer;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -webkit-tap-highlight-color: transparent;
  font-size: 16px;
  line-height: normal;
}
@media (max-width: 575.98px) {
  .portfolio-tab ul li {
    display: block;
    margin: 10px auto;
    max-width: 200px;
  }
}
.portfolio-tab ul li:hover {
    border-bottom: 2px solid #fff;
    color: #fff;
}
.portfolio-tab ul .active {
    border-bottom: 2px solid #fff;
    color: #fff;
}

.portfolio-grid {
  margin-top: 25px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: auto;
}
@media (max-width: 768px) {
  .portfolio-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 768.1px) and (max-width: 991px) {
  .portfolio-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.portfolio-grid .portfolio {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  display: none; 
  overflow: hidden;
  text-align: center;
}
.portfolio-wrapper {
  overflow: hidden;
  position: relative !important;
  cursor: pointer;
}
.portfolio-bg {
  width: 100%;
  height: 300px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 1s;
  transform: scale(1);
}




.why_use .row{
    width: 97%;
    margin: auto;
}
.why_use .adhsv_ul li {
    padding: 0;
    height: 120px;
    display: grid;
    align-content: center;
}

.risk_ul {
    display: flex;
    flex-wrap: wrap;
    width: 92%;
    margin: 40px auto;
}
.risk_ul .risk_li {
    flex-basis: calc(20% - 40px);
    margin: 20px;
    text-align: center;
}
.risk_ul .risk_li .risk_icon img {
    width: 66%;
    margin: auto;
}
.risk_ul .risk_li .risk_icon {
    border: 1px solid #1273aa;
    border-radius: 50%;
    width: 140px;
    height: 140px;
    display: grid;
    align-content: center;
    text-align: center;
    margin: auto;
}
.risk_ul .risk_li p {
    font-size: 17px;
    font-weight: 400;
    line-height: normal;
    margin-top: 25px;
}
.why_use {
    background: #094364;
}
.whu_div {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    bottom: 0;
    display: grid;
    align-content: center;
}
.whu_div img {
    height: 90px;
}
.why_use .adhsv_ul li span {
    margin-left: 80px;
    display: block;
    line-height: normal;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}
.why_use .grid_box {
    padding: 0 50px;
}
.why_use .adhsv_ul li {margin-bottom: 0;}

.what_how .for_width {
    width: 94%;
    margin: auto;
}
.what_how .grid_box {
    padding: 40px 30px;
    min-height: 1020px;
    border-radius: 10px;
    position: relative;
}
.box_heading_green {
    position: absolute;
    top: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(133, 228, 87) 0%, rgb(57, 124, 52) 100%) repeat scroll 20% 0%;
    left: 0;
    right: 0;
    box-shadow: inset 5px 1px 9px rgba(0, 0, 0, 0.38);
    text-align: center;
    display: grid;
    align-content: center;
    height: 100px;
    z-index: 9;
}
.box_heading_red {
    position: absolute;
    top: 0;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 148, 77) 0%, rgb(235, 76, 48) 100%) repeat scroll 0% 0%;
    left: 0;
    right: 0;
    box-shadow: inset 5px 1px 9px rgba(0, 0, 0, 0.38);
    text-align: center;
    display: grid;
    align-content: center;
    height: 100px;
    z-index: 9;
}
.box_heading_blue {
    position: absolute;
    top: 0;
    border-radius: 10px;
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(90, 178, 228) 0%, rgb(17, 77, 128) 100%) repeat scroll 0% 0%;    left: 0;
    right: 0;
    box-shadow: inset 5px 1px 9px rgba(0, 0, 0, 0.38);
    text-align: center;
    display: grid;
    align-content: center;
    height: 100px;
    z-index: 9;
}
.what_how_ul {
    display: flex;
    flex-wrap: wrap;
}
.what_how_ul .what_how_li {
    flex-basis: calc(33.33% - 20px);
    margin: 10px 10px;
    display: ;
    position: relative;
}
.what_how_ul .what_how_li h4 {
    color: #fff;
    font-size: 27px;
    text-transform: uppercase;
}
.what_how .grid_box {
    padding: 120px 20px 20px 20px;
    border-radius: 10px;
    width: 91%;
    margin: auto;
    min-height: 815px;
    z-index: 1;
}
.what_how .grid_box h6 {
    color: #008600;
    font-weight: 600;
}
.what_how .grid_box .adhsv_ul.attack_li li {
    
    margin-bottom: 5px;
}
.green_div li {
    border-left: 6px solid #4fab46 !important;
}
.red_div li {
    border-left: 7px solid #f85032 !important;
}
.blue_div li {
    border-left: 7px solid #145e9b !important;
}
.what_how .grid_box .adhsv_ul.attack_li i {
    display: none;
}
.what_how .grid_box .adhsv_ul li span {
	margin-left: 17px;
	display: block;
	line-height: 20px;
	font-size: 16px;
	font-weight: 400;
}
.what_how .adhsv_ul li p {
    line-height: 30px;
    min-height: 40px;
    display: grid;
    align-content: center;
}
.what_how_li.red_div .grid_box .adhsv_ul,
.what_how_li.blue_div .grid_box .adhsv_ul {
    margin-top: 80px;
}
.what_how_li.red_div .grid_box .adhsv_ul li p {
    min-height: 130px;
}
.what_how_ul .what_how_li.red_div::before {
    content: "";
    width: 50px;
    height: 50px;
    background: #b81414;
    position: absolute;
    left: 16px;
    top: 79px;
    transform: rotate(54deg);
}
.what_how_ul .what_how_li.red_div::after {
    content: "";
    width: 50px;
    height: 50px;
    background: #b81414;
    position: absolute;
    right: 16px;
    top: 79px;
    transform: rotate(-54deg);
}
.what_how_ul .what_how_li.blue_div::before {
    content: "";
    width: 50px;
    height: 50px;
    background: #07407a;
    position: absolute;
    left: 16px;
    top: 79px;
    transform: rotate(54deg);
}
.what_how_ul .what_how_li.blue_div::after {
    content: "";
    width: 50px;
    height: 50px;
    background: #07407a;
    position: absolute;
    right: 16px;
    top: 79px;
    transform: rotate(-54deg);
}
.what_how_ul .what_how_li.green_div::before {
    content: "";
    width: 50px;
    height: 50px;
    background: #0d6604;
    position: absolute;
    left: 16px;
    top: 79px;
    transform: rotate(54deg);
}
.what_how_ul .what_how_li.green_div::after {
    content: "";
    width: 50px;
    height: 50px;
    background: #0d6604;
    position: absolute;
    right: 16px;
    top: 79px;
    transform: rotate(-54deg);
}
.solution_list .adhsv_ul li {
    color: #bf1515;
    padding: 0;
    height: 90px;
    display: grid;
    align-content: center;
    margin-bottom: 10px;
    border-radius: 6px;
}
.solution_list .adhsv_ul li .whu_div {
    position: absolute;
    top: 0;
    left: -4px;
    font-size: 22px;
    bottom: 0;
    display: grid;
    align-content: center;
}
.solution_list .adhsv_ul li span {
    margin-left: 80px;
    display: block;
    line-height: normal;
    color: #000;
    font-size: 18px;
    font-weight: 400;
}
.list_ul .list_li ul li {
    list-style: none;
    position: relative;
    margin-bottom: 12px;
    height: 90px;
    display: grid;
    align-content: center;
    background: #eeee;
    border-radius: 5px;
}
.list_ul .list_li ul li span {
    margin-left: 60px;
    display: block;
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
    color: #000;
}
.list_ul .list_li ul li .whu_div {
    position: absolute;
    top: 0;
    left: -3px;
    font-size: 22px;
    bottom: 0;
    display: grid;
    align-content: center;
}
.rfid_txt p {
	font-size: 18px;
	line-height: 30px;
	color: #030301;
	font-weight: 400;
	font-family: 'Heebo', sans-serif;
	margin-bottom: 0rem;
}

/*------------------------------------------------------------------
contact Page
-------------------------------------------------------------------*/
.bg-green.adress_section {
	background-color: #183242;
}
.smalllinkcontact a{
	font-size:17px;
	font-weight: 400;
}
.smalllinkcontact .circle-arrow{
	font-size:15px;
}
.top-contact-bg{
background: url(../images/top-contact-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
margin-top: -57px;
}
.font23-box{
   font-weight: 500 !important;
	font-size: 23px !important;
    box-shadow: 0px 0px 20px 0px #5454543b;
    display: inline-block;
    background: #ffffff;
    position: relative;
    top: -20px;
    padding: 9px 25px;
    border-radius: 5px
}

.font30{
    font-size: 30px;
}
.redbox{
    background: #b11116;
    padding: 40px 50px;
    border-radius: 5px 0px 0px 5px;
	min-height: 345px;
}
.redbox .colorw a {
	color: #ffffff !important;
}
.btm-arrow {
    margin-top: -20px;
    margin-left: 26px;
}
.accordion {
  margin-top: 40px;
}
.accordion .card {
  border: none;
  margin-bottom: 0px;
}
.accordion .card h2 {
  background: url(../images/acc-top.png) no-repeat calc(100% - 10px) center;
  cursor: pointer;
 font-size: 35px;
    font-weight: 400;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #ffffff;
    font-family: 'Fira Sans Condensed', sans-serif;
}
.accordion .card h2.collapsed {
  background-image: url(../images/acc-btm.png);
}
.accordion .card-body {
  padding-left: 80px;
  padding-right: 0;
    padding-bottom: 80px;
}
.card-head{
    background: #183242;
    border-top: solid 1px #424f58;
}
.card:last-child .card-head{
    border-bottom: solid 1px #424f58;
}
.accordion .card-body{
    background: #183242;
}
.body-box{
    background: #ffffff;
    padding: 35px 35px;
    border-radius: 5px;
}
.accordion .card .card-body p{
	font-size:17px;
	font-weight:300;
	line-height: 28px;
}
.bg-green.adress_section h4 {
	font-family: 'Fira Sans Condensed', sans-serif;
	font-size: 45px;
}
.bg-green.adress_section p {
	font-size: 19px;
    line-height: 35px;
	color: #231f20;
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 0rem;
	
}
.bg-green.adress_section .body-box h5 {
	font-size: 35px;
	font-weight: 600;
	font-family: 'Fira Sans Condensed', sans-serif;
}