body 
{
    font-size: 16px;
    font-family: 'Avenir Next LT Pro Regular';
}
.header-area
{
    width: 100%;
    padding:10px 30px 0px 30px;
    position: relative;
    top: 0px;
    z-index: 9;
    background-color: #f7f7f7;

}
body.home .header-area
{
    position: absolute;
}
.banner-area
{
    width: 100%;
    position: relative;
}
.banner-area::before
{
    background: url(../images/Banner-overlay-base.png);
    background-position: top;
    content:'';
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
}
img 
{
    max-width: 100%;
}
.header-area .top-header
{
    width: 100%;
    display: flex;
    padding-top: 10px;
    
}
.header-area .top-header ul 
{
    width: 100%;
    justify-content: end;
    display: flex;

}
.header-area .top-header ul li
{
    list-style: none;
    margin-left: 15px;
    font-family: 'Avenir Next LT Pro Regular';
    color: #0a133f;
    font-size: 14px;
}
.header-area .top-header ul li a 
{
    font-family: 'Avenir Next LT Pro bold';
   
}
.header-area .top-header ul li.email-icon
{
    padding-right: 20px;
}
.header-area .top-header ul li.email-icon,
.header-area .top-header ul li.call-icon
{
    position: relative;
    padding-left: 25px;
}
.header-area .top-header ul li.email-icon::before
{
    position:absolute;
    content:'';
    background: url(../images/mail.svg);
    width: 18px;
    height: 18px;
    background-size: cover;
    left: 0px;
}
.header-area .top-header ul li.email-icon::after
{
    content: '|';
    position: absolute;
    right: 0px;
}
.header-area .top-header ul li.call-icon::before
{
    position:absolute;
    content:'';
    background: url(../images/phone-call.svg);
    width: 18px;
    height: 18px;
    background-size: cover;
    left: 0px;
}
.header-area .top-header ul li.email-icon a
{
    color: #0a133f;
}
.header-area .top-header ul li.call-icon a
{
    color: #9f001c;
}

.header-area .primary-header
{
    width: 100%;
    display: flex;
}
.header-area .primary-header .logo-area
{
    width: 30%;
    padding-bottom: 10px;
}
.header-area .primary-header .logo-area img 
{
    width: 170px;
}
.header-area .primary-header .primary-menu
{
    width: 70%;
    display: flex;
    align-items: end;
    justify-content: end;
}
.header-area .primary-header .primary-menu ul 
{
    display: flex;
    width: 100%;
    margin-bottom: -2px;
}
.header-area .primary-header .primary-menu ul li
{
    list-style: none;
    margin: 0px 20px;
    padding-bottom: 35px;
}
.header-area .primary-header .primary-menu ul li a
{
    font-size: 16px;
    color: #0a133f;
    font-family: 'Avenir Next LT Pro Demi';
}

/*.header-area .primary-header .primary-menu ul > li a:hover,
.header-area .primary-header .primary-menu ul > li.megamenu > ul.sub-menu > li a:hover,
.header-area .primary-header .primary-menu ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li a:hover
{
    text-decoration: none;
    color: #9f001c;
}*/
.header-area .primary-header .primary-menu ul > li:hover > a,
.header-area .primary-header .primary-menu ul > li.megamenu > ul.sub-menu > li:hover > a,
.header-area .primary-header .primary-menu ul > li.megamenu > ul.sub-menu > li > ul.sub-menu > li:hover > a
{
    text-decoration: none;
    color: #9f001c;
}
.header-area .primary-header .primary-menu ul > li.megamenu > ul.sub-menu > li:hover > a:after{
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background: #9e001c;
    left: 0px;
}
.header-area .primary-header .primary-menu ul li:last-child
{
    margin-right: 0px;
}
.header-area .primary-header .primary-menu ul li:last-child a
{
    font-size: 16px;
    color: #fefefe;
    font-family: 'Avenir Next LT Pro bold';
    padding: 10px 22px;
    border-radius: 8px;
    background: rgb(190,26,56);
    background: -moz-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    background: linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1a38",endColorstr="#a0011d",GradientType=1);
}
.header-area .primary-header .primary-menu ul li:last-child a:hover,
.header-area .primary-header .primary-menu ul li:last-child a:focus,
.header-area .primary-header .primary-menu ul li:last-child a:active
{
    text-decoration: none;
    outline: none;
}
.header-area .primary-header .primary-menu ul li.megamenu ul
{
    display: none;
    position: absolute;
    left: 0px;
    background: #FFF;
    top: 99px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    text-align: center;
    border-top: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 100px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul li 
{
    font-size: 18px;
    color: #0a133f;
    margin: 0px;
    padding: 0px;
    display: inline;
    font-family: 'Avenir Next LT Pro Regular';
    padding-top: 0px;
    margin: 0px auto;
    padding-right: 55px;
    text-align: center;
    background-position: center;
    height: 100px;
    display: inline-block;
    margin-left: -5px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul li:last-child
{
    padding-right: 150px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul li:first-child
{
    padding-left: 150px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul li a
{
    color: #0a133f; 
    font-size: 18px;
    font-family: 'Avenir Next LT Pro Regular';
}
.header-area .primary-header .primary-menu ul li.megamenu ul li:last-child  a
{
    border: 0px;
    background: transparent;
    color: #0a133f;
    padding: 0px;
    font-family: 'Avenir Next LT Pro Regular';
}
/*.header-area .primary-header .primary-menu ul li.megamenu:hover > ul 
{
    display: block;
}*/
.header-area .primary-header .primary-menu ul li.megamenu ul.openmenu-leve-one
{
    display: block;  
}
.header-area .primary-header .primary-menu ul li.megamenu a
{
    cursor: pointer;
}
ul#menu-level-one li.megamenu > ul.sub-menu.openclose
{
    display: block;
}
.header-area .primary-header .primary-menu ul li.megamenu > a
{
    background: url(../images/Drop-Arrow-blue.png);
    width: 9px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
.header-area .primary-header .primary-menu ul li.megamenu:hover > a
{
    background: url(../images/Drop-Arrow-red.png);
    width: 9px;
    height: 6px;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 20px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li
{
    position: static;
}
.header-area .primary-header .primary-menu ul li.megamenu ul li a
{
    position: relative;
    padding-top: 45px !important;
    margin-top: 15px;
    display: inline-block;
    margin-bottom: 0px;
    text-align: center;
    padding-bottom: 12px !important;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.menuimg > a::before
{
    position: absolute;
    top: 0px;
    content: '';
    left: 0;
    right: 0;
    background-position: center;
    margin: 0px auto;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-saftey > a::before
{
    background: url(../images/safety-blue.png);
    background-repeat: no-repeat;
    width: 37px;
    height: 43px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-saftey:hover > a::before
{
    background: url(../images/safety-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-particle-detection > a::before
{
    background: url(../images/particle-blue.png);
    background-repeat: no-repeat !important;
    width: 43px;
    height: 39px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-particle-detection:hover > a::before
{
    background: url(../images/partcle-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-pig-detection > a::before
{
    background: url(../images/pig-blue.png);
    background-repeat: no-repeat !important;
    width: 40px;
    height: 45px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-pig-detection:hover > a:before
{
    background: url(../images/pig-red.png);
}



.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-our-mission > a:before
{
    background: url(../images/Our-Mission-blue.png) no-repeat;
    width: 39px;
    height: 39px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-our-mission:hover > a:before
{
    background: url(../images/Our-Mission-Red.png) no-repeat;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-company-profile > a:before
{
    background: url(../images/Company-Blue.png) no-repeat;
    width: 39px;
    height: 39px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-company-profile:hover > a:before
{
    background: url(../images/Company-Red.png) no-repeat;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-values > a:before
{
    background: url(../images/values-blue.png) no-repeat;
    width: 39px;
    height: 39px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-values:hover > a:before
{
    background: url(../images/values-Red.png) no-repeat;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-quality > a:before
{
    background: url(../images/quality-blue.png) no-repeat;
    width: 39px;
    height: 39px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-quality:hover > a:before
{
    background: url(../images/quality.png) no-repeat;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-references > a:before
{
    background: url(../images/references-blue.png) no-repeat;
    width: 39px;
    height: 39px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-references:hover > a:before
{
    background: url(../images/references-Red.png) no-repeat;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-research > a:before
{
    background: url(../images/research-blue.png) no-repeat;
    width: 39px;
    height: 41px;
}
.header-area .primary-header .primary-menu ul li.megamenu ul.sub-menu li.img-research:hover > a:before
{
    background: url(../images/research-red.png) no-repeat;
}



.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > ul.sub-menu
{
    display: none;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li:hover ul.sub-menu
{
    display: block;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu
{
    height: 64px;
    border-top: 0px;
    top: 99px;
    padding-top: 20px;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li 
{
    height: 40px;
    margin-right: 30px;
    padding: 0px !important;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li > ul.sub-menu li a
{
    padding-top:0px !important;
    margin-top:0px !important;
    margin-bottom: 0px !important;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li > a
{
    position: relative;
    padding-left: 40px;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li > a::before
{
    background:url(../images/list-icon-blue.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 32px;
    content: '';
    position: absolute;
    top: -4px;
    left: 0px;
    background-size: contain;
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li > a:hover::before
{
    background:url(../images/list-icon-red.png);
    background-repeat: no-repeat;
    width: 35px;
    height: 32px;
    content: '';
    position: absolute;
    top: -4px;
    left: 0px;
    background-size: contain;
}



.banner-heading
{
    position: absolute;
    bottom: calc(50% - 142px);
    margin: 0px auto;
    left: 0;
    right: 0;
    text-align: center;
}
.banner-heading h1
{
    font-size: 80px;
    color: #ffffff;
    font-family: 'Avenir Next LT Pro bold';
    text-align: center;
    text-shadow: 0px 6px 6px rgba(0,0,0,0.60);
}
.btnwithright-arrow:hover, .btnwithright-arrow:focus

{
    color: #fefefe;
    text-decoration: none;  
}
.btnwithright-arrow
{
    font-size: 20px;
    color: #fefefe;
    position: relative;
    font-family: 'Avenir Next LT Pro bold';
    padding: 10px 50px 10px 30px;
    border-radius: 8px;
    margin-top: 30px;
    display: inline-block;
    background: rgb(190,26,56);
    box-shadow: 0px 6px 6px rgb(0 0 0 / 60%);
    background: -moz-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    background: linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1a38",endColorstr="#a0011d",GradientType=1);
}
.btnwithright-arrow:after 
{
    background: url(../images/arrow-right.svg);
    content: '';
    position: absolute;
    right: 17px;
    top: 14px;
    width: 25px;
    height: 25px;
}

.footer-area
{
    background: #f7f7f7;
    
}
.footer-area .footer-container-primary
{
    padding: 70px 0px;
}

.footer-area .footer-container-primary ul
{
    padding: 0px;
    margin: 0px;
}
.footer-area .footer-container-primary h3 
{
    font-size: 16px;
    color: #9f001c;
    font-family: 'Avenir Next LT Pro Demi';
    margin-bottom: 30px;
}
.footer-area .footer-container-primary h3 a
{
    font-size: 16px;
    color: #9f001c;
}
.footer-area .footer-container-primary h3 a:hover
{
    text-decoration: none;
}
.footer-area .footer-container-primary ul li
{
    list-style: none;
    font-family: 'Avenir Next LT Pro Regular';
    color: #4c5273;
    font-size: 16px;
    margin-bottom: 12px;
}
.footer-area .footer-container-primary ul li a
{
    color: #4c5273;
    font-size: 16px;
    text-decoration: none;
}
.footer-area .footer-container-primary ul li a:hover 
{
    color: #9f001c; 
}
.footer-area .footer-container-primary .address-ftr address
{
    font-size: 16px;
    color: #4c5273;
    font-family: 'Avenir Next LT Pro Regular';
    line-height: 28px;
}
.footer-area .footer-container-primary .address-ftr address b 
{
    color: #0a133f;
    font-size: 16px;  
}

.footer-container-copyright,
.copyright-footer
{
    display: flex;
}
.footer-container-copyright .copyright-a,
.footer-container-copyright .copyright-b
{
    display: flex;
    align-items: center;
}
.footer-container-copyright .copyright-a p
{
    color:#4c5273;
    font-size: 14px;
    font-family: 'Avenir Next LT Pro Regular';
}
.footer-container-copyright .copyright-a p a 
{
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 14px;
    color: #9f001c;
}
.footer-container-copyright .copyright-a p a:hover
{
    text-decoration: none;
}
.footer-area-copyright .copyright-footer
{
    width: 100%;
}
.footer-area-copyright .copyright-footer .copyright-a
{
    width: 70%;
}
.footer-area-copyright .copyright-footer .copyright-a p 
{
    margin: 0px;
}
.footer-area-copyright .copyright-footer .copyright-a p b
{
    color:#4c5273;
    font-size:14px;
    font-family: 'Avenir Next LT Pro Demi';
}
.footer-area-copyright .copyright-footer .copyright-b
{
    width: 30%;
    justify-content: end;
}
.footer-area-copyright .copyright-footer .copyright-b img
{
    width: 60px;
    margin-top: -45px;
}
.footer-area-copyright .copyright-footer
{
    width: 100%;
    padding: 15px 0px;
    align-items: baseline;  
}


/*---------------- about-esp-section ----------------*/
.banner-section {position: relative;}
.banner-carousel .owl-dots {position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; top: 0; right: 20px;}
.banner-carousel .owl-dots .owl-dot span {background: transparent!important; border: #ffff 2px solid;}
.banner-carousel .owl-dots .owl-dot.active span {background: #fff!important;}

.about-esp-section {padding-top: 90px; position: relative;}
.about-esp-section::before {background: url(../images/about-esp-top-img.jpg) no-repeat 100% 0%; content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0px;}
.about-esp-section::after {background: url(../images/about-esp-foot-img.jpg) repeat-y 0 100%; content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; display: none;} 

.about-esp-imgbox 
{    
    position: relative;
    text-align: right;
    top: -125px;
    z-index: 99;
}
.about-esp-imgbox::after
{
    position: absolute;
    content: '';
    width: 90%;
    height: 96%;
    border: #9e001c 3px solid;
    top: 0px;
    left: 10%;
    z-index: -1;
    border-radius: 0px 0px 20px 0px;
}
.about-esp-imgbox::before {background: url(../images/dot-img.png) no-repeat 0 0; width: 70px; height: 151px; position: absolute; content: ''; right: -24px; z-index: 1; bottom: 296px;}
.about-esp-imgbox span {border: #9e001c 3px solid; padding: 0px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; display: inline-block; position: relative; top: -125px; min-height: 690px; height: 100vh; margin-bottom: -60px; z-index: 1;}
.about-esp-imgbox img {box-shadow: 7px 0 35px rgb(186 186 186 / 30%); left: -30px; top: -60px; position: relative; border-top-left-radius: 20px; border-bottom-right-radius: 20px;}

.about-esp-content {padding-bottom: 20px;}
.about-esp-content h3 {font: normal 38px/44px 'Avenir Next LT Pro bold'; color: #0a133f; margin-bottom: 40px; letter-spacing: -0.7px;}
.about-esp-content h3 small {font: normal 16px/24px 'Avenir Next LT Pro Demi'; color: #9f001c; text-transform: uppercase; display: block; margin-bottom: 20px;}
.about-esp-content h3 span {color: #9f001c; position: relative;}
.about-esp-content h3 span::after {content: ''; background-color: #9f001c; height: 6px; width: 100%; position: absolute; left: 0; bottom: -10px;}
.about-esp-content p {font: normal 18px/32px 'Avenir Next LT Pro Regular'; margin: 0 0 30px; color: #0a133f; letter-spacing: -0.7px;}
.about-esp-content p strong {font: normal 18px/32px 'Avenir Next LT Pro Demi';}

.about-opc-section {padding: 0px 0 50px; position: relative;}
.about-opc-section::before {background: url(../images/about-esp-foot-img.jpg) repeat-x 100% 100%; content: ''; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; z-index: -1;}
.about-opc-section h3 {font: normal 28px/34px 'Avenir Next LT Pro Demi'; color: #0a133f; margin-bottom: 20px; letter-spacing: -0.7px;}
.about-opc-section p {font: normal 18px/32px 'Avenir Next LT Pro Regular'; margin: 0 0 30px; color: #0a133f; letter-spacing: -0.7px;}


.opc-carousel .owl-item .item {text-align: center; padding: 30px 25px;}
.opc-carousel .owl-item .item span {display: inline-flex; height: 95px; width: 100%; text-align: center; line-height: 95px; background: #fff; border-radius: 10px!important; box-shadow: 0px 0 25px rgb(186 186 186 / 20%); overflow: hidden; vertical-align: middle;}
.opc-carousel .owl-item .item img {width: auto; margin: auto;}


.opc-carousel .owl-nav {display: flex; justify-content: space-between; position: relative;}
.opc-carousel .owl-nav .owl-prev {padding: 0!important; margin: 0!important; background: transparent!important; position: absolute; top: -100px; left: -20px;}
.opc-carousel .owl-nav .owl-prev i {background: url(../images/opc-arrow-left.png) no-repeat 0 0; height: 29px; width: 18px; opacity: 0.4; display: inline-block;}
.opc-carousel .owl-nav .owl-prev:hover i {opacity: 1;}

.opc-carousel .owl-nav .owl-next {padding: 0!important; margin: 0!important; background: transparent!important; position: absolute; top: -100px; right: -20px;}
.opc-carousel .owl-nav .owl-next i {background: url(../images/opc-arrow-rigt.png) no-repeat 0 0; height: 29px; width: 18px; opacity: 0.4; display: inline-block;}
.opc-carousel .owl-nav .owl-next:hover i {opacity: 1;}

.ops-section {background: url(../images/ops-section-bg.jpg) no-repeat 0 0/cover; padding-top: 100px; padding-bottom: 100px;}
.ops-section h3 {font: normal 34px/40px 'Avenir Next LT Pro bold'; color: #0a133f; margin-bottom: 33px; letter-spacing: -0.7px; margin-top: 0;}
.ops-section h3 small {font: normal 16px/24px 'Avenir Next LT Pro Demi'; color: #9f001c; text-transform: uppercase; display: block; margin-bottom: 12px;}
.ops-section h3 span {color: #9f001c; position: relative;}
/* .ops-section h3 span::after {content: ''; background: rgb(35,65,90); background: linear-gradient(90deg, rgba(35,65,90,1) 0%, rgba(156,0,28,1) 100%); height: 6px; width: 100%; position: absolute; left: 0; bottom: -20px; display: none;} */
.ops-section p {font: normal 18px/32px 'Avenir Next LT Pro Regular'; margin: 0px; color: #0a133f; letter-spacing: -0.7px;}

.ops-block-secion {padding: 100px 0 0;}
.ops-block-secion .ops-block-contentbox {position: relative; margin-top: 50px;}
.ops-block-secion .ops-block-contentbox h3 {font: normal 38px/44px 'Avenir Next LT Pro bold'; color: #0a133f; margin-bottom: 63px; letter-spacing: -0.7px; margin-top: 0; position: relative;}
.ops-block-secion .ops-block-contentbox h3 small {font: normal 16px/24px 'Avenir Next LT Pro Demi'; color: #9f001c; text-transform: uppercase; display: block; margin-bottom: 12px;}
.ops-block-secion .ops-block-contentbox h3 span {color: #9f001c; position: relative;}
.ops-block-secion .ops-block-contentbox h3::after {content: ''; background: rgb(35,65,90); background: linear-gradient(90deg, rgba(35,65,90,1) 0%, rgba(156,0,28,1) 100%); height: 5px; width: 115px; position: absolute; left: 0; bottom: -20px;}
.ops-block-secion .ops-block-contentbox p {font: normal 18px/32px 'Avenir Next LT Pro Regular'; margin: 0 0 30px; color: #0a133f; letter-spacing: -0.7px; max-width: 95%;}

.ops-block-secion .ops-block-imgbox {position: relative; text-align: right;}
.ops-block-secion .ops-block-imgbox::before {background: url(../images/dot-img.png) no-repeat 0 0; width: 70px; height: 151px; position: absolute; content: ''; right: -24px; z-index: 1; bottom: 296px; display: none;}
.ops-block-secion .ops-block-imgbox span {border: #c5a358 3px solid; padding: 35px 0; border-top-left-radius: 20px; border-bottom-right-radius: 20px; display: inline-block; position: relative; top: 0; width: 470px;}
.ops-block-secion .ops-block-imgbox span img {box-shadow: 7px 0 35px rgb(186 186 186 / 30%); right: -35px; bottom: 0; position: relative; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border: #c5354e 12px solid; width: 100%; min-width: 500px;}


.news-update-section {background-color: transparent; /*background: url(../images/ops-section-bg.jpg) no-repeat 0 0/cover;*/ padding-top: 100px; padding-bottom:60px; position: relative;}
.news-update-section .container {position: relative;}
.news-update-section .container::before {background: url(../images/dot-img.png) no-repeat 0 0; width: 70px; height: 151px; position: absolute; content: ''; right: 0px; z-index: 1; top: -185px;}
.news-update-section h3 {font: normal 34px/40px 'Avenir Next LT Pro bold'; color: #0a133f; margin-bottom: 33px; letter-spacing: -0.7px; margin-top: 0; position: relative;}
.news-update-section h3::after {content: ''; background: #9f001c;  height: 5px; width: 115px; position: absolute; left: 0; bottom: -10px;}
.news-update-section h3 small {font: normal 16px/24px 'Avenir Next LT Pro Demi'; color: #9f001c; text-transform: uppercase; display: block; margin-bottom: 12px;}
.news-update-section h3 span {color: #9f001c; position: relative;}
.news-update-section p {font: normal 18px/32px 'Avenir Next LT Pro Regular'; margin: 0px; color: #0a133f; letter-spacing: -0.7px;}

.news-update-carousel {margin-top: 15px;}
.news-update-carousel .owl-item .item {position: relative; padding: 35px 20px;}
.news-update-carousel .owl-item .item .news-update-slidebox {display: block; height: auto; width: 100%; text-align: center; background: #fff; border-top-left-radius: 20px; border-bottom-right-radius: 20px; box-shadow: 0px 15px 20px rgb(185 216 197 / 20%); overflow: hidden; border: #e9e9e9 1px solid;}
.news-update-carousel .owl-item .item .news-update-slidebox .news-update-slide-imgbox {line-height: 0; height:200px; overflow: hidden;}
.news-update-carousel .owl-item .item .news-update-slidebox .news-update-slide-imgbox img {width: 100%; margin: auto;}
.news-update-carousel .owl-item .item .news-update-slidebox .news-update-slide-contentbox {padding: 0px 25px; text-align: left; min-height: 225px;}
.news-update-carousel .owl-item .item .news-update-slidebox .news-update-slide-contentbox h3 {font: normal 18px/26px 'Avenir Next LT Pro Demi'; color: #0a133f; display: block; margin-bottom: 12px;}
.news-update-carousel .owl-item .item .news-update-slidebox .news-update-slide-contentbox h3::after {display: none;}
.news-update-carousel .owl-item .item .news-update-slidebox .news-update-slide-contentbox p {font: normal 14px/24px 'Avenir Next LT Pro Regular'; margin: 0 0 20px; color: #0a133f; letter-spacing: -0.7px;}

.news-update-carousel .owl-nav {display: flex; justify-content: space-between; position: relative;}
.news-update-carousel .owl-nav .owl-prev {padding: 0!important; margin: 0!important; background: transparent!important; position: absolute; top: -300px; left: -20px;}
.news-update-carousel .owl-nav .owl-prev i {background: url(../images/opc-arrow-left.png) no-repeat 0 0; height: 29px; width: 18px; opacity: 0.4; display: inline-block;}
.news-update-carousel .owl-nav .owl-prev:hover i {opacity: 1;}

.news-update-carousel .owl-nav .owl-next {padding: 0!important; margin: 0!important; background: transparent!important; position: absolute; top: -300px; right: -20px;}
.news-update-carousel .owl-nav .owl-next i {background: url(../images/opc-arrow-rigt.png) no-repeat 0 0; height: 29px; width: 18px; opacity: 0.4; display: inline-block;}
.news-update-carousel .owl-nav .owl-next:hover i {opacity: 1;}

.cta-section {padding: 0 0 100px; position: relative; z-index: 1;}
.cta-box {background: url(../images/cta-section-bg.jpg) no-repeat 0 0; padding: 27px 60px; min-height: 169px;}
.cta-box h3 {font: normal 30px/36px 'Avenir Next LT Pro Demi'; color: #fff; margin-bottom: 10px; letter-spacing: -0.7px; margin-top: 0; position: relative;}
.cta-box p {font: normal 20px/30px 'Avenir Next LT Pro Demi'; color: #f89ead; margin: 0;}
.cta-box .enquire-now-btn {min-width: 230px; font-size: 18px!important; color: #9f001c; position: relative; font-family: 'Avenir Next LT Pro bold'; padding: 15px 50px 15px 35px; border-radius: 8px; margin-top: 30px; background: #fff;  text-transform: uppercase; float: right;}
.cta-box .enquire-now-btn:after {background: url(../images/enquire-now-arrow.png) no-repeat 0 0; content: ''; position: absolute; right: 30px; top: 22px; width: 17px; height: 11px; background-size: 17px; color: #000;}
.cta-box .enquire-now-btn:hover {color: #9f001c; text-decoration: none;}

.dot-block {position: relative;}
.dot-block::before {background: url(../images/dot-img.png) no-repeat 0 0; width: 70px; height: 151px; position: absolute; content: ''; left: -52px; z-index: 0; bottom: -73px; z-index: -1;}

.our-client-section {background-color: #fff; padding-bottom:60px; position: relative;}
.our-client-section h3 {font: normal 34px/40px 'Avenir Next LT Pro bold'; color: #0a133f; margin-bottom: 33px; letter-spacing: -0.7px; margin-top: 0; position: relative;}
.our-client-section h3::after {content: ''; background: #9f001c;  height: 5px; width: 115px; position: absolute; left: 0; bottom: -10px;}
.our-client-section h3 small {font: normal 16px/24px 'Avenir Next LT Pro Demi'; color: #9f001c; text-transform: uppercase; display: block; margin-bottom: 12px;}
.our-client-section h3 span {color: #9f001c; position: relative;}
.our-client-section p {font: normal 18px/32px 'Avenir Next LT Pro Regular'; margin: 0px; color: #0a133f; letter-spacing: -0.7px;}

.our-client-carousel {margin-top: 20px;}
.our-client-carousel .owl-item .item {text-align: center; padding: 30px 25px;}
.our-client-carousel .owl-item .item span {display: inline-flex; height: 95px; width: 100%; text-align: center; line-height: 95px; background: #fff; border-radius: 10px!important; box-shadow: 0px 0 25px rgb(186 186 186 / 20%); overflow: hidden; vertical-align: middle;}
.our-client-carousel .owl-item .item img {width: auto; margin: auto;}

.our-client-carousel .owl-nav {display: flex; justify-content: space-between; position: relative;}
.our-client-carousel .owl-nav .owl-prev {padding: 0!important; margin: 0!important; background: transparent!important; position: absolute; top: -100px; left: -20px;}
.our-client-carousel .owl-nav .owl-prev i {background: url(../images/opc-arrow-left.png) no-repeat 0 0; height: 29px; width: 18px; opacity: 0.4; display: inline-block;}
.our-client-carousel .owl-nav .owl-prev:hover i {opacity: 1;}

.our-client-carousel .owl-nav .owl-next {padding: 0!important; margin: 0!important; background: transparent!important; position: absolute; top: -100px; right: -20px;}
.our-client-carousel .owl-nav .owl-next i {background: url(../images/opc-arrow-rigt.png) no-repeat 0 0; height: 29px; width: 18px; opacity: 0.4; display: inline-block;}
.our-client-carousel .owl-nav .owl-next:hover i {opacity: 1;}


/*---------------- extra-css-section ----------------*/

.learn-more-btn {min-width: 220px; font-size: 16px!important; color: #fefefe; position: relative; font-family: 'Avenir Next LT Pro bold'; padding: 10px 50px 10px 35px; border-radius: 8px; margin-top: 10px; display: inline-block; background: rgb(190,26,56); box-shadow: 0px 7px 10px rgb(234 192 199 / 70%); background: -moz-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%); background: -webkit-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%); background: linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1a38",endColorstr="#a0011d",GradientType=1); text-transform: uppercase;}
.learn-more-btn:after {background: url(../images/arrow-right.svg); content: ''; position: absolute; right: 45px; top: 15px; width: 15px; height: 15px; background-size: 18px;}
.learn-more-btn:hover {color: #fefefe; text-decoration: none;}

.flex-order-block {display: -webkit-flex; /* Safari */ display: flex;}
.flex-order-1 {order: 2}
.flex-order-2 {order: 1}

.c-learn-more-holder {margin-left: auto; display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 21px;}
.c-learn-more-holder .c-learn-more {margin-left: initial;}
.c-learn-more {margin-top: 2rem; color: #9f001c; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; cursor: pointer; position: relative; -webkit-transition: .2s ease-in; transition: .2s ease-in; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.c-learn-more::before {background-image: url(../images/arrow-forward-white.svg); background-repeat: no-repeat; content: ''; position: absolute; top: 2px; left: 22px; width: 20px; height: 16px; z-index: 1; -webkit-transition: .22s ease-in; transition: .22s ease-in;}
.c-learn-more .c-learn-more-link {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999;}
.c-learn-more-title {font:normal 16px/22px 'Avenir Next LT Pro Demi'; padding-left: 78px; line-height: 19.36px; z-index: 2; padding-right: 20px; -webkit-transition: .2s ease-in; transition: .2s ease-in; color: #0a133f;}
.c-learn-more::after {content: ''; background: #9f001c; border-radius: 20px; width: 100%; max-width: 6rem; height: 3.5rem; position: absolute; top: -7px; -webkit-transition: .2s ease-in; transition: .2s ease-in; left: 0;}
.c-learn-more:hover .c-learn-more-title {padding-left: 20px!important; padding-right: 50px; -webkit-transition: .2s ease-in; transition: .2s ease-in; color: #fff!important;}
.c-learn-more:hover::before {-webkit-transition: .22s ease-in; transition: .22s ease-in; left: calc(100% - 30px);}
.c-learn-more:hover::after {max-width: 100%; -webkit-transition: .2s ease-in; transition: .2s ease-in;}

.white-bg-section {background: url(../images/white-bg.jpg) no-repeat 0 0/cover;}


.banner-carousel .owl-nav {display: none;}
.banner-carousel .owl-dots {position: absolute;}
.product-carousel .owl-nav
{
    display: none;
}
.news-detail
{
    margin-top: 80px;
    margin-bottom: 80px;
}
.news-detail h1 
{
    font: normal 38px/44px 'Avenir Next LT Pro bold';
    color: #0a133f;
    margin: 0px 0px 20px 0px;
}
.news-detail img
{
    border-radius: 20px 0px 20px 0px;
    margin: 30px 0px 40px 0px;
    width: 100%;
	height: auto;
}
.news-detail p
{
    font: normal 18px/32px 'Avenir Next LT Pro Regular';
    margin: 0 0 30px;
    color: #0a133f;
    letter-spacing: -0.7px;
}
.news-detail h2
{
    font: normal 28px/34px 'Avenir Next LT Pro Demi';
    color: #0a133f;
    margin-bottom: 20px;
    letter-spacing: -0.7px;
}
@media (max-width: 1026px) {
    .banner-heading h1 {font-size: 60px;}

    .about-esp-imgbox {margin: 60px 0 80px; text-align: center;}

    .about-esp-imgbox::before {right: 40px; z-index: 1; bottom: 185px; display: none;}
    .about-esp-imgbox span {padding: 0px; top: 0; min-height: 600px; height: 100%; margin-bottom: 0;}
    .about-esp-imgbox img {left: -50px; top: -50px;}

    .flex-order-block {display: block;}    
    .ops-block-secion .ops-block-imgbox {text-align: center;}

    .cta-box h3 {font-size: 24px;}
    .dot-block::before {display: none;}

}

@media (max-width: 999px) {
    .banner-heading h1 {max-width: 600px; width: 100%; margin: auto; font-size: 42px; line-height: 56px;}

    .cta-box {background: #a0011c; padding: 27px 60px; min-height: 169px;}    
    .cta-box .enquire-now-btn {float: left;}

}

@media (max-width: 767px) {

    .banner-heading h1 {max-width: 360px; width: 100%; margin: auto; font-size: 24px; line-height: 32px;}
    .banner-heading .btnwithright-arrow {font-size: 16px; padding: 10px 40px 10px 20px;}
    .banner-heading .btnwithright-arrow:after {position: absolute; right: 15px; top: 9px; width: 20px; height: 20px;}
    .banner-carousel .owl-dots {position: absolute; display: block; height: auto; top: auto; right: auto; bottom: 0px; left: auto; width: 100%;}


    .about-esp-section {padding-top: 60px;}
    .about-esp-imgbox {margin: 0px 0 50px;}
    .about-esp-imgbox span {padding: 0px; top: 0; min-height: auto; height: 100%; margin-bottom: 0;}
    .about-esp-imgbox img {left: 0; top: 0;}

    .about-esp-content h3 {font-size: 30px; line-height: 40px;}
    .about-opc-section h3 {font-size: 28px; line-height: 34px;}

    .ops-section h3 {font-size: 30px; line-height: 40px;}
    .ops-block-secion .ops-block-contentbox h3 {font-size: 28px; line-height: 38px; margin-bottom: 43px;}
    .our-client-section h3, .news-update-section h3 {font-size: 30px; line-height: 40px;}

    .ops-block-secion .ops-block-imgbox span {border-top-left-radius: 23px; border-bottom-right-radius: 23px; padding: 0; width: 100%;}
    .ops-block-secion .ops-block-imgbox span img {right: 0; bottom: 0; width: 100%; min-width: auto;}

    .cta-section {padding: 0 0 60px;}
    .cta-box {padding: 25px; min-height: 169px;}

    .ops-section {padding-top: 60px; padding-bottom: 60px;}
    .ops-block-secion {padding: 60px 0 0;}
    .opc-carousel .owl-nav .owl-prev, .news-update-carousel .owl-nav .owl-prev, .our-client-carousel .owl-nav .owl-prev {left: -6px;}
    .opc-carousel .owl-nav .owl-next, .news-update-carousel .owl-nav .owl-next, .our-client-carousel .owl-nav .owl-next {right: -6px;}

    .news-update-section {padding-top: 60px; padding-bottom: 30px;}
    .news-update-section .container::before {display: none;}

    .our-client-section {padding-bottom:40px;}

    .ops-block-secion .ops-block-contentbox .c-learn-more-holder {margin: 7px 0;}
}

.contact-heading
{
    margin: 60px 0px;
}
.contact-heading span
{
    font: normal 16px/24px 'Avenir Next LT Pro Demi';
    color: #9f001c;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}
.contact-heading h2
{
    font: normal 38px/34px 'Avenir Next LT Pro Demi';
    color: #0a133f;
    margin-bottom: 20px;
    letter-spacing: -0.7px;
    margin-top: 0px;
}
.contact-heading h2 span 
{
    font: normal 38px/34px 'Avenir Next LT Pro Demi';
    color: #9f001c;
    display: inline-block;
    text-transform: capitalize;
}
.contact-heading p
{
    font: normal 18px/32px 'Avenir Next LT Pro Regular';
    margin: 0 0 30px;
    color: #0a133f;
    letter-spacing: -0.7px;
}
.contact-menu-full
{
    background: #f7f7f7;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
}
.contact-menu-full .contact-menu
{
    display: flex;
}

.contact-menu-full .contact-menu a
{
    font-size: 18px;
    color:#0a133f;
    padding: 15px 0px;
    margin-right: 60px;
    position: relative;
}
.contact-menu-full .contact-menu a:hover
{
    color:#9f001c; 
}
.contact-menu-full .contact-menu a.btn.btn-link:before
{
    position:absolute;
    bottom: -1px;
    left: 0px;
    content: '';
    width: 100%;
    height: 6px;
    background: #0a133f;
}
.contact-menu-full .contact-menu a.btn.btn-link.collapsed::before
{
    position:absolute;
    bottom: -1px;
    left: 0px;
    content: '';
    width: 100%;
    height: 6px;
    background: transparent;    
}
.contact-menu-full .contact-menu a:hover,
.contact-menu-full .contact-menu a:active,
.contact-menu-full .contact-menu a:focus
{
    text-decoration: none;
    outline: none;
}
.contact-accordion
{
    margin: 20px auto;
}
.contact-accordion .card-header h2
{
    margin:0px;
}
.contact-accordion .card-header h2 button.btn.btn-link.collapsed
{
    margin:0px;
    width: 100%;
    text-align: left;
    font-size: 24px;
    color: #0a133f;
    background: #f7f7f7;
    padding: 15px;
    border:0px;
    border-radius: 12px;
    font-family: 'Avenir Next LT Pro Regular';
    background-image: url(../images/open-collapse.jpg);
    background-repeat: no-repeat;
    background-position: 98% center;
}
.contact-accordion .card-header h2 button.btn.btn-link
{
    font-size: 24px;
    color: #9f001c;
    width: 100%;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
    padding: 15px;
    border:0px;
    border-radius: 12px;
    background: #FFF;
    background-image: url(../images/close-collapse.jpg);
    background-repeat: no-repeat;
    background-position: 98% center;
}
.address-listing-contact h2
{
    font-size: 24px;
    color: #9f001c;
    width: 100%;
    text-align: left;
    font-family: 'Avenir Next LT Pro Demi';
    padding: 15px;
    border: 0px;
    border-radius: 12px;
    background: #FFF;
    padding-left: 0px;
}
.address-listing-contact .address-position-left .address-map,
.address-listing-contact .address-position-right .address-map
{
    text-align: right;
    padding-left: 60px;
}

.contact-accordion .card-header h2 button:focus,
.contact-accordion .card-header h2 button:hover
{
    outline: none;
    text-decoration: none;
}
.contact-accordion
{
    margin-bottom: 15px;
}
.contact-accordion .address-listing-contact
{
    padding: 20px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}
.contact-accordion .address-listing-contact .address-details
{
    padding-left:0px;
}
.address-listing-contact .address-position-left .address-map, 
.address-listing-contact .address-position-right .address-map {
    text-align: right;
    padding-left: 0px;
}
.address-listing-contact .address-position-right .address-details
{
    padding-left: 40px;
}
.address-listing-contact
{
    height: auto;
    overflow: auto;
}
.address-listing-contact .address-listing-container
{
    clear: both;
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
    border-bottom: 1px solid #e8e8e8;
}
.address-listing-contact .address-listing-container:last-child
{
    margin-bottom: 0px;
    border-bottom: 0px solid #e8e8e8;
}
.contact-accordion .address-details span
{
    font-size: 18px;
    color: #0a133f;
    display: block;
    margin-bottom: 15px;
    font-family: 'Avenir Next LT Pro Demi';
}

.contact-accordion .address-details .content-address-list .address-heading
{
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contact-accordion .address-details .content-address-list .address-heading,
.contact-accordion .address-details .content-address-list .address-content
{
    font-size: 14px;
    color: #0a133f;
    font-family: 'Avenir Next LT Pro Demi';
}
.contact-accordion .address-details .content-address-list 
{
    margin-bottom: 40px;
    position: relative;
    padding-left: 80px;
}
.contact-accordion .address-details .content-address-list::before
{
        position:absolute;
        content: '';
        left: 0px;
        top:9px;
}
.contact-accordion .address-details .address-office-address.content-address-list::before
{
        background: url(../images/office-location-icon.png);
        width: 32px;
        height: 48px;
}
.contact-accordion .address-details .content-address-list.address-phone-number::before
{
        background: url(../images/phone-address.png);
        width: 47px;
        height: 48px;
}
.contact-accordion .address-details .content-address-list.address-email-address::before
{
        background: url(../images/office-email.png);
        width: 48px;
        height: 40px;
}
.contact-accordion .address-details .content-address-list .address-content
{
    color:#4c5273;
    font-size: 18px;
    line-height: 32px;
    
}
.contact-accordion .address-details .content-address-list .address-content a
{
    color: #9f001c;
    font-family: 'Avenir Next LT Pro Demi';
}
.contact-accordion .address-details .content-address-list .address-content a:hover
{
    text-decoration: none;
    cursor: pointer;
}
.contact-accordion .address-details .address-map
{
    font-size: 18px;
    color: #4c5273;
}
.address-listing-contact .address-map iframe
{
    border: 6px solid #e8e8e8 !important;
    border-radius: 12px 0px;
    box-shadow: 0px 0 25px rgb(186 186 186 / 20%);
    width: 100% !important;
    height: 338px !important;
}
.contact-accordion .accordion .card
{
    box-shadow: 0px 0 25px rgb(186 186 186 / 20%);
}
.accordion .card.collapsed
{
    box-shadow: none;
}
.topnotstick-contact {
    visibility: visible;
}
.topnotstick-contact.stickcompleted-contact {
    visibility: hidden;
}
.topstick-contact {
    display: none;
}
.topstick-contact.stickmenu-contact {
    display: block;
}
.contact-menu-full.topstick-contact.stickmenu-contact
{
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 9999;
}
.contact-menu a
{
    position: relative;
}
.contact-menu a.active-contact::before
{
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: '';
    width: 100%;
    height: 6px;
    background: #0a133f;
}


.contact-menu a:hover::before
{
    position: absolute;
    bottom: -1px;
    left: 0px;
    content: '';
    width: 100%;
    height: 6px;
    background: #9f001c;
}
.contact-enquiry label
{
    font-size: 14px;
    color: #4c5273;
    font-family: 'Avenir Next LT Pro Demi';
}
.contact-enquiry label span 
{
    color: #9f001c;
}
.contact-enquiry input[type="text"],
.contact-enquiry input[type="email"],
.contact-enquiry input[type="tel"],
.contact-enquiry select,
.contact-enquiry textarea 
{
    font-size: 16px;
    color: #4c5273;
    background: #f7f7f7;
    border: 1px solid #d9d9d9;
    margin-bottom: 30px;
    width: 100%;
    padding: 12px 15px;
    border-radius: 12px;
}
.contact-enquiry textarea 
{
    height: 150px;
    overflow: auto;
    resize: none;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 12px !important;
    font-weight: normal;
    display: block;
    position: absolute;
    top: 50px;
    left: 5px;
    width: 200px;
}
.contact-enquiry input:focus,
.contact-enquiry input:active,
.contact-enquiry select,
.contact-enquiry select:focus,
.contact-enquiry select:active,
.contact-enquiry textarea,
.contact-enquiry textarea:focus,
.contact-enquiry textarea:active
{
    outline: none;
}
.contact-enquiry select option::selection
{
    background: rgb(190,26,56);
}
.contact-enquiry
{
    margin-bottom: 30px;
}
.contact-enquiry input[type="submit"]
{
    min-width: 220px;
    font-size: 16px!important;
    color: #fefefe;
    position: relative;
    font-family: 'Avenir Next LT Pro bold';
    padding: 10px 50px 10px 35px;
    border-radius: 8px;
    margin-top: 10px;
    display: inline-block;
    background: rgb(190,26,56);
    box-shadow: 0px 7px 10px rgb(234 192 199 / 70%);
    background: -moz-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    background: -webkit-linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    background: linear-gradient(25deg, rgba(190,26,56,1) 0%, rgba(160,1,29,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be1a38",endColorstr="#a0011d",GradientType=1);
    text-transform: uppercase;  
    border: 0px;
}
.contact-enquiry .contactsubmit
{
    text-align: right;
    position: relative;
}
.contact-enquiry .contactsubmit .wpcf7-spinner
{
    position: absolute;
    top: 17px;
    right: 90px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    border-color: transparent !important;
    width: 1170px;
    margin: 0px auto;
    margin-bottom: 60px;
    color: #9e001c;
    text-align: center;
    font-weight: 900;
}
.wpcf7 form .wpcf7-response-output {
    width: 1100px;
    margin: 0px auto !important;
    margin-bottom: 60px !important;
    color: #9e001c;
    font-weight: 900;
    border-color: transparent !important;
    text-align: center;
}
.wpcf7-form-control-wrap {
    position: relative;
    display: inline-block;
    width: 100%;
}
.page-not-found
{
    text-align: center;
    margin: 60px auto;
}
.page-not-found h2 
{
    font-family: 'Avenir Next LT Pro Demi';
    font-size: 35px;
    color: #0a133f;
    line-height: 45px;
    font-weight: 600;
    margin: 20px 0;
}
.page-not-found .btn-404 a
{
    margin: 10px 0px 0;
    display: inline-block;
    background:rgb(190,26,56);
    padding: 5px 35px;
    box-sizing: border-box;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Avenir Next LT Pro bold';
    font-size: 20px;
    border-radius: 5px;
    line-height: 38px;
    min-width: 260px;
    text-align: center;
    transition: all 0.5s ease;
    box-shadow: 0 8px 11px -5px rgb(174 227 198 / 70%);
}
.page-not-found img 
{
    margin: 40px 0px;
}
.page-not-found .btn-404 a.btn:hover {
    padding: 5px 25px 5px 45px;
}
.page-not-found .btn-404 a.btn img
{
    position: relative;
    top: -5px;
    margin-left: 10px;
    margin:0px;
}


.zeynep{
    bottom:0;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
    pointer-events:none;
    position:fixed;
    top:0;
    transform:translateX(-100%) translateZ(0px);
    z-index:1011;
  }
  
  .zeynep:not(.no-transition),
  .zeynep .submenu:not(.no-transition){
    transition:all 250ms;
  }
  
  .zeynep-overlay{
    background-color:rgba(0, 0, 0, .42);
    bottom:0;
    display:none;
    left:0;
    position:fixed;
    right:0;
    top:0;
    z-index:9;
  }
  
  .zeynep-opened .zeynep-overlay{
    display:block;
  }
  
  .zeynep.opened{
    pointer-events:auto;
    transform:translateX(0px) translateZ(0px);
  }
  
  .zeynep.submenu-opened{
    overflow:hidden;
  }
  
  .zeynep .submenu{
    bottom:0;
    min-height:100%;
    overflow:hidden;
    -webkit-overflow-scrolling:touch;
    overflow-y:auto;
    pointer-events:none;
    position:fixed;
    top:0;
    width:100%;
  }
  
  .zeynep .submenu.opened{
    left:0;
    pointer-events:auto;
  }
  
  .zeynep .submenu.opened:not(.current){
    overflow:hidden;
  }
  .bg-video-wrap {
  position: relative;
}
body {
    left: 0;
  }
body {
    right: 0;
  }
.zeynep-opened body {
    overflow: hidden;
  }
  
  .zeynep {
    right: auto;
    left: 0;
  }
    
  .zeynep-opened body {
    overflow: hidden;
  }
  
  .zeynep.right {
    left: auto;
    right: 0;
  }
  .zeynep.right:not(.opened) {
    transform: translateX(100%);
  }
  
  
  .btn-open {
    border: 0;
    border-radius: 27.5px;
    box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .05);
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    min-width: 150px;
    outline: 0;
    padding-bottom: 15px;
    padding-top: 15px;
    cursor: pointer;
    margin: 0 6px;
  }
  .btn-open:active {
    box-shadow: inset 0 3px 5px 0px rgba(0, 0, 0, .1);
  }
  
  .btn-open.first {
    background-color: #fd698d;
    color: #ffffff;
  }
  .btn-open.second {
    background-color: #ffffff;
    color: #fd698d;
  }
  
  /* zeynepjs menu styles */
  .zeynep {
    background-color: #ffffff;
    color: #404143;
    width: 295px;
  }
  
  .zeynep ul {
    list-style-type: none;
    padding: 0;
    padding-left: 0px;
    -webkit-overflow-scrolling: touch;
  }
  .zeynep ul > li {
    display: block;
  }
  
  .zeynep ul > li > a {
    color: inherit;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 20px;
    text-decoration: none;
    transition: all 150ms;
    color: #0a133f;
  }
  .zeynep ul > li > a:hover {
    background-color: #f7f7f7;
    border-radius: 3px;
  }
  
  .zeynep ul > li:not(:last-child) > a {
    border-bottom: 1px solid #efefef;
  }
  
  .zeynep ul > li:not(:first-child) > a {
    background-image: url("../images/submenu-arrow.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 8px 14px;
  }
  .zeynep ul > li.enquary-last-menu > a {
    background-image: url("../images/submenu-arrow-svg.png");
  }
  /*.zeynep ul > li.has-submenu > a {*/
  /*  background-image: url("../images/submenu-arrow.svg");*/
  /*  background-position: right 20px center;*/
  /*  background-repeat: no-repeat;*/
  /*  background-size: 8px 14px;*/
  /*}*/
  
  .zeynep ul > li.has-submenu > a:hover {
    background-image: url("../images/submenu-arrow-active.svg");
  }
  
  /* zeynepjs submenu styles */
  .zeynep .submenu {
    background-color: #ffffff;
    left: 295px;
  }
  
  .zeynep .submenu-header {
    background-image: url("../images/menu-back.svg");
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 8px 14px;
    border-bottom: solid 1px #efefef;
    cursor: pointer;
    position: relative;
  }
  
  .zeynep .submenu-header > a {
    color: inherit;
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding: 18px 20px;
    padding-left: 40px;
     color: #0a133f;
    text-decoration: none;
  }
  
  .zeynep .submenu-header > a:before {
    background-image: url("../images/submenu-arrow.svg");
    background-position: right 20px center;
    background-repeat: no-repeat;
    background-size: 8px 14px;
    content: "";
    height: 100%;
    left: 26px;
    position: absolute;
    top: 0;
    transform: rotate(-180deg);
    width: 20px;
  }
  
  .zeynep .submenu > label {
    color: #e77691;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 19px;
    opacity: .5;
    padding-left: 20px;
    width: 100%;
  }
  ::selection {
 color: #4c5273;
 background: white;
}
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;

	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #9f001c !important;
	position: fixed;
	z-index: 2000;
	top: 0;
	right: 100%;
	width: 100%;
	height: 4px !important;
}
.maintop-about-pg
{
    border-bottom: 1px solid #e5e5e5;
}
.mainheading-about-pg
{
    margin: 60px 0px;
}
.mainheading-about-pg span
{
    font: normal 16px/24px 'Avenir Next LT Pro Demi';
    color: #9f001c;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}
.mainheading-about-pg h1
{
    font: normal 38px/34px 'Avenir Next LT Pro Demi';
    color: #0a133f;
    margin-bottom: 20px;
    letter-spacing: -0.7px;
    margin-top: 0px;
}
.mainheading-about-pg p
{
    font: normal 18px/32px 'Avenir Next LT Pro Regular';
    margin: 0 0 30px;
    color: #0a133f;
    letter-spacing: -0.7px;
}
.aboutmain-content
{
    margin: 120px 0px 60px 0px;
}
.aboutmain-content .aboutsection-content h2
{
    font: normal 32px/40px 'Avenir Next LT Pro bold';
    color: #0a133f;
    margin-bottom: 40px;
    letter-spacing: -0.7px;
    margin-top: 0px;
    position: relative;
}
.aboutmain-content .aboutsection-content h2:after {
    position: absolute;
    content: '';
    background: linear-gradient(45deg, #23415a, #9b021e);
    height: 4px;
    width: 100px;
    bottom: -15px;
    left: 0;
}
.aboutmain-content .aboutsection-content p
{
    font: normal 18px/32px 'Avenir Next LT Pro Regular';
    margin: 0 0 30px;
    color: #0a133f;
    letter-spacing: -0.7px;
}
.aboutmain-content .aboutsection-content p strong
{
    font: normal 18px/32px 'Avenir Next LT Pro Demi';
}
.aboutmain-content .aboutsection-image
{
    position: relative;
    text-align: right;
    top: 0px;
    z-index: 99;
}
.aboutmain-content .aboutsection-image::before { 
    background: url(../images/dot-img.png) no-repeat 0 0;
    width: 70px;
    height: 151px;
    position: absolute;
    content: '';
    right: -24px;
    z-index: 1;
    bottom: 160px;
}
.aboutmain-content .aboutsection-image img {
    box-shadow: 7px 0 35px rgb(186 186 186 / 30%);
    left: -30px;
    top: -50px;
    position: relative;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.aboutmain-content .aboutsection-image::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 96%;
    border: #9e001c 3px solid;
    top: 0px;
    left: 10%;
    z-index: -1;
    border-radius: 0px 0px 20px 0px;
}
.aboutmain-content.sectionright .row
{
    display: flex;
    flex-direction: row-reverse;
        align-items: flex-start;
}

.aboutmain-content.sectionright .aboutsection-image::before {
    background: url(../images/dot-img.png) no-repeat 0 0;
    width: 70px;
    height: 151px;
    position: absolute;
    content: '';
    left: -24px;
    z-index: 0;
    bottom: 160px;
}
.aboutmain-content.sectionright .aboutsection-image img {
    box-shadow: 7px 0 35px rgb(186 186 186 / 30%);
    left: -30px;
    top: -50px;
    position: relative;
    border-radius: 20px 0px 20px 0px;
    border: 1px solid lightgray;
}
.aboutmain-content.sectionright .aboutsection-image::after {
    position: absolute;
    content: '';
    width: 90%;
    height: 96%;
    border: #9e001c 3px solid;
    top: 0px;
    right: 10%;
    z-index: -1;
    border-radius: 20px 0px 0px 0px;
    left: inherit;
}
ul.linklist {
    list-style: none;
    padding: 0;
    font: normal 22px/36px 'Avenir Next LT Pro Demi';
}
ul.linklist li a, .aboutsection-content a {
    color: #9f0a24;
}

.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.gas-icon > a::before{
	background: url(../images/gas-blue.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.gas-icon:hover > a::before{
	background: url(../images/gas-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.flame-icon > a::before{
	background: url(../images/flame-blue.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.flame-icon:hover > a::before{
	background: url(../images/flame-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.heat-icon > a::before{
	background: url(../images/heat-blue.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.heat-icon:hover > a::before{
	background: url(../images/heat-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.subsea-icon > a::before{
	background: url(../images/subsea-blue.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.subsea-icon:hover > a::before{
	background: url(../images/subsea-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.topside-icon > a::before{
	background: url(../images/topside-blue.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.topside-icon:hover > a::before{
	background: url(../images/topside-red.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.safetyc-icon > a::before{
	background: url(../images/safetyc-blue.png);
}
.header-area .primary-header .primary-menu ul li.megamenu > ul.sub-menu > li ul.sub-menu li.safetyc-icon:hover > a::before{
	background: url(../images/safetyc-red.png);
}



.preloader {           
	       display:flex;
	       align-items:center;
	       justify-content:center;
	       background:white;
	       width:100%;
	       height:100%;
	       position:fixed;
	z-index:999999;
        }

        .preloader img {
            animation: spinlogo 5s linear infinite;
        }
        
        
       
        
        

  
        @keyframes spinlogo {
            0% {
                transform: rotate(0deg);
            }
  
            100% {
                transform: rotate(360deg);
            }
        }