/* Basic reset */
* { box-sizing: border-box; }
html, body { height: 100%; }

/*font-family: "source-sans-3", sans-serif;font-weight: 400;*/
body {margin: 0 auto;font-family: "source-sans-3-variable", sans-serif; font-variation-settings: "wght" 200;font-style: normal;font-size: 1.72vw;/* font-size: clamp(0.75rem, 0.3099rem + 1.4085vw, 2rem); */line-height: 1.5;color: #111;background: #ededed;position: relative;text-align: center;font-weight:normal;}
h1, h2, h3, h4, p, div {
    font-weight: normal;
}
.fontAdjust1{font-size: 1.16em;}
.resize-animation-stopper * {    transition: none !important;    animation: none !important;}
strong{font-variation-settings: "wght" 600;}

img {width: 100%;height: auto;display: block;}
.site-content-with-margins{   width: 100%; position: relative         }
.site-content-inner {position: relative;max-width: 1920px;width: 100%;height: 6em;margin:  auto;padding: 0 7em;}


/* Header (full width) */
.site-header {transition: 1s ease-in-out;font-size: 0.65em;background: rgb(255 255 255 / 0%);color: #000;position: fixed;top: 0px;/* border-bottom: 0.2em solid #606060; */z-index: 1000;overflow: hidden;}
.site-header_nav{width: 69%;margin: 0vw 0;padding: 0.8em 0px;display: inline-block;vertical-align: middle;height: 3.5em;text-align: right;}
.site-header_top{width: 19%;margin: 3.7em auto;padding: 0;padding-left: 0em;display: inline-block;vertical-align: middle;font-size: 0.6em;}

.menuBG{background-color: rgba(45, 93, 159, 0.90);transform: translateY(-0.8em)}

.header_contacts img{            display: inline-block;        }
.social-icons{display: inline-block;margin-left: 2.6em;margin-right: 0.4em;}
.social-icons a{margin-left: 0.2em!important;}
.social-icons a img{height: 0.9em;width: auto;margin: 0vw 0.3vw 0 0vw;}
.bluePanel p{            font-size: 0.7em;        }


.site-nav a {color: #FFF;text-decoration: none;margin-right: 0em;font-variation-settings: "wght" 400;    /* was 14px */opacity: 0.9;margin-left: 2.8em;display: inline-block;}



.site-header,
.site-header_nav,
.site-nav,
.site-content-inner {        overflow: visible !important;    }

.nav-dropdown {        position: relative;        display: inline-block;    }

.nav-dropdown > a {            display: inline-block;        }

.nav-dropdown-menu {        display: none;        position: absolute;        top: 100%;        left: 2.75em;       /*  min-width: 30%;       background: #fff;        border: 1px solid #ddd;      box-shadow: 0 4px 12px rgba(0,0,0,0.15);  */        z-index: 9999;        text-align: left;    }

.nav-dropdown-menu a {            display: inline-block;            padding: 0.1em 0em;     width:auto     /*  color: #2d5d9f !important;     */       text-decoration: none;            white-space: nowrap;            margin: auto;        }

.nav-dropdown-menu a:hover {               /* background: #f3f3f3;     */       }

.nav-dropdown:hover .nav-dropdown-menu {        display: inline-block;    }



.menuBG .nav-dropdown-menu {
    /*background-color: rgba(45, 93, 159, 0.90);*/
    padding: 0 1em 0.2em 1em;
    transform: translateX(-1em);
}

.site-header_nav2 {
    transition: 0.25s ease;
}

.site-header_nav2:has(.nav-dropdown:hover) {
    height: 10em;
}


.fnTragger{text-decoration: none;color: #FFF;}

.mainContentPanel p{            font-size: 0.7em;        }

.header_logo{width: 100%;margin: 0;}

.video_area{position: absolute;top: 0em;width: 100%;height: 32.1em;overflow: hidden;object-fit: cover;background-color: #000;}
.video_area img{/* position: relative; *//* top: -0.3em; *//* left: -9.9%; */color: #1582bf;padding: 0% 7% 0% 0%;font-weight: bold;width: 120%;max-height: 1242px;object-fit: cover;max-height: 8;animation:videomover 20s ease-out 0s infinite forwards;}
.video_area iframe{position: relative;top: 6.8em;left: 0%;color: #1582bf;padding: 0% 7% 0% 0%;font-weight: bold;width: 107%;height: 45vw;border: 0;text-align: right;overflow: hidden}


@keyframes videomover{
    0%{transform: scale(1);}
    50%{transform: scale(1.1);}
    100%{transform: scale(1);}
}


.video_heading{color:#FFF;position: absolute;top: -26.6em;left: 7.6em;text-align: left;z-index: 10;}
.video_heading h1{font-family: "impact", sans-serif;font-weight: 400;font-size: 1.94em;line-height: 1.1em;font-style: normal;width: 16em;padding: 0;margin: 0.75em 0 0.05em 0;}
.video_heading h2{font-size: 0.78em;line-height: 1.2em;width: 18em;padding: 0;margin: 0;}
.video_heading p{padding: 2em 0em 0em 0em;margin: 0;}
.video_heading .btn1{margin-top: 2.2em;}
.EnquireNow{color:#FFF;text-decoration: none;display: inline-block;vertical-align: top;border: 1px solid #FFF;padding: 0.1em 0.5em 0em 0.5em;margin:0em 0em 0em 0em;font-size: 0.76em;font-weight: 200;height: 1.8em;}
.EnquireNowArrow{color:#FFF;text-decoration: none;display: inline-block;vertical-align: top;border: 1px solid #FFF;padding: 0.2em 0.3em 0.2em 0.3em;margin: 0em 0em 0em 0.1em;height: 1.36em;}
.EnquireNowArrow img{width: 0.7em;transform: translateY(-0.1em);}

.fourBoxes{position: absolute;top: 28.2em;color: #FFF;margin-left: 7.5em;text-align: left;}
.box{background-image: linear-gradient(to right, #f16524 , #b13029);width: 9.7em;height: 5.5em;margin-right: 1.1em;display: inline-block;vertical-align: top;  }
.box_num{margin: -0.2em 0em 0em 0.3em;font-family: "impact", sans-serif;font-weight: 400;font-size: 3.24em;}
.box_text{margin: -1.1em 0em 0em 1.3em;font-size: 0.60em;width: 10em;line-height: 1.2em;}
.box_text1{width: 5.8em;}
.box_text2{width: 6em;}
.box_text3{width: 10em;}
.box_text4{width: 5.2em;}


.content-with-margins{   width: 100%; position: relative;   }
.content-inner {position: relative;max-width: 75em;width: 100%;margin:  auto;padding: 0;}
.content-inner-74 {position: relative;max-width: 1420px;width: 74%;margin:  auto;padding: 0;}

.content_main {width: 74%;display:block;position: relative;/* max-width: 75em; */padding: 8.1em 0em 0em;margin: 0% 13%;;top: 27.7em;text-align: left;}
.content_main h2{color: #ea5b13;font-size: 1.75em;line-height: 1.1em;padding: 0em 0em 1em;margin: 0em 0em 0em; 0em;font-weight: 200;}
.content_main p{color:#1d1d1b;font-size: 0.76em;line-height: 1.2em;padding: 0em 0em 1.4em 0em;margin: 0em 0em 0em;width: 95%;font-weight: 100;}

.btn1, .btn2{position: relative;}
.btn1 .EnquireNowArrow img,.btn2 .EnquireNowArrow img{width: 0.75em;cursor:pointer;}

.btn1 a, .btn2 a{transition: 1s ease-in-out;}
.btn1 span, .btn2 span{transition: 0.4s ease-in-out;transform: translateX(0em) scale(1);}
.btn1 a:hover{background-color: #FFFFFF;color:#2d5d9f;}
.btn2 a:hover{background-color: #2d5d9f;color:#FFFFFF;}
.btn1 a:hover ~ .EnquireNowArrow, .btn2 a:hover ~ .EnquireNowArrow{/*animation:movearrow 1s ease-out 0s 1 forwards;*/transform: translateX(0.5em) scale(1.5);}

@keyframes movearrow{
    0%{transform: translateX(0em) scale(1);}
    30%{transform: translateX(0.5em) scale(1.5);}
    100%{transform: translateX(0em) scale(1);}
}

.content_image{width: 74%;display:block;position: relative;padding: 9.5em 0em 0em; 0em;margin: 0% 13%; 0em;top: 18.3em;text-align: left;color:#FFF;z-index: 9;}
.content_image img {width: 100%;}
.content_image h2 {width: 100%;position: absolute;top: 10.4em;left: 1.4em;font-size: 1.55em;font-variation-settings: "wght" 400;;}
.content_image p {width: 100%;position: absolute;top: 28.4em;left: 3.4em;font-size: 0.66em;}
.content_image .btn1{position: absolute;top: 19.1em;left: 2.1em;font-size: 1.1em;}
.I50 {top: 9.3em;width: 36.7%;margin: 0% 0.1%;display: inline-block}


.imageGradPos1{position: absolute;top: 14em;left:0em;width:100%;height: 10.8em;}
.imageGrad1{background: RGBA(0, 125, 186, 0); background: linear-gradient(180deg, rgba(0, 125, 186, 0) 0%, rgba(0, 28, 83, 1) 86%, rgba(0, 28, 83, 1) 100%);}

.zindex2{ z-index: 2;}
.orangePanel1{z-index: 1;color:#FFF;background-image: url("../images/bgOrange.jpg");position: relative;text-align: left;margin-top: 1.8em;}

.content_orange_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 32.2em;text-align: left;margin: auto;overflow-x:hidden;white-space: nowrap;}
.content_orange_panel h2{font-size: 1.75em;font-variation-settings: "wght" 400;;text-align: left;padding: 5em 0em 0em 0em;margin: 0;}
.content_orange_panel div:last-child {margin-right: 0em;}

.txpPanel1{z-index: 1;color:#2d5d9f;position: relative;text-align: left;margin-top: 1.8em;}
.content_txp_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 23.5em;text-align: center;margin: auto;overflow-x:hidden;white-space: nowrap;}
.content_txp_panel h2{font-size: 1.75em;font-variation-settings: "wght" 400;;text-align: left;padding: 0em 0em 0.9em 0em;margin: 0;}

.threePanelsBlueGrad{background: #007DBA;background: linear-gradient(90deg, rgba(0, 125, 186, 1) 0%, rgba(0, 28, 83, 1) 100%);}
.threePanels{width: 13.7em;margin-right: 0.4em;height: 16.3em;display: inline-block;vertical-align: top;text-align: left; white-space:normal;   }

.threePanels:nth-child(3){margin-right: 0em;  }
.threePanels p{font-size: 0.65em;line-height: 1.2em;margin: 0 1.2em;text-align: left;}
.threePanelsLogo{width: auto;height: 2.1em;margin: 0.8em 0.8em 0.5em 0.8em;}
.newslinks .threePanels > img {width:100%;height:10em;object-fit:cover;}

.txpPanel1txt {
    margin: 1.4em 1.1em !important;
}
.btnSize2{font-size: 0.75em;margin: 0em 1em;}
.btn2{color:#2d5d9f}
.btn2 .EnquireNow{color:#2d5d9f;text-decoration: none;display: inline-block;vertical-align: top;border: 1px solid #2d5d9f;padding: 0.1em 0.5em 0em 0.5em;margin:0em 0em 0em 0em;font-size: 0.76em;font-variation-settings: "wght" 200;height: 1.8em;}
.btn2 .EnquireNowArrow{color:#2d5d9f;text-decoration: none;display: inline-block;vertical-align: top;border: 1px solid #2d5d9f;padding: 0.2em 0.3em 0.2em 0.3em;margin: 0em 0em 0em 0.1em;height: 1.36em;}
.btn2 .EnquireNowArrow img{width: 0.7em;}


.whitePanel{margin: 0em 0em 0em 0em!important;background-color: #FFF;text-align: left; }
.content_white_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 17.7em;text-align: center;margin: auto;}
.content_white_panel h2{font-size: 1.40em;font-variation-settings: "wght" 400;text-align: center;padding: 2.2em 0em 0.9em 0em;margin: 0;color: #ea5b13;}
.bottomIcons{width:70%}
.bottomIcon0, .bottomIcon1, .bottomIcon2, .bottomIcon2a, .bottomIcon2b, .bottomIcon3, .bottomIcon4 {
    height: 4em;
    width: auto;
    display: inline-block;
    margin: 0em auto;
}
.bottomIcon0 {
    margin-right: 2em;
    margin-bottom: 1em;
}
.bottomIcon1 {
    margin-right: 1.5em;
    margin-bottom: 1em;
}
.bottomIcon2 {
    margin: 0 1.5em;
    margin-bottom: 1em;
}
.bottomIcon2a {
    margin-bottom: 1em;
}
.bottomIcon3 {
    margin: 0 1.5em;
}
.bottomIcon4 {
    margin-left: 1.5em;
}

.footer {
    margin: 0em 0em 0em 0em !important;
    background-image: url("../images/footerBG.jpg");
    background-size: cover;
    text-align: left;
}
.content_footer_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 20em;text-align: left;margin: auto;}
.content_footer_panel h2{font-size: 1.74em;line-height: 1.1em;font-variation-settings: "wght" 400;text-align: left;padding: 1.3em 0em 0.9em 0em;margin: 0;color: #FFFFFF;}

.footer_logo{width: 22%;padding: 2em 0 0 0;}
.orangeTXT{color: #ea5b13;}
.btnSize3{font-size: 0.75em;margin: 0.2em 1em 0 18.1em;}

.footerStrap1{position: absolute;top: 33.4em;left:0em;color:#FFF;font-size: 0.56em;}
.footerStrap2{position: absolute;top: 31em;left: 61.6em;color:#FFF;font-size: 0.6em;    transform: translateX(4.3em);}
.footerStrap3{position: absolute;top: 0.5em;left:0em;color:#FFF;font-size: 0.55em;}
.footerAdd{position: absolute;top: 9.6em;left: 43.8em;line-height: 1.3em;color:#FFF;font-size: 0.65em;}
.footerPhone{position: absolute;top: 17.1em;left: 43.8em;line-height: 1.2em;color:#FFF;font-size: 0.65em;}
.footerSocials{position: absolute;top: 6.7em;left: 79em;color:#FFF;font-size:0.5em;}
.footerSocials img{height: 1.2em;width: auto;display: inline-block;margin: 0em 0.5em 0 0;}
.footerNav{position: absolute;top: 8.5em;left: 56.4em;line-height: 1.9em;color:#FFF;font-size: 0.7em;}
.footerNav a{color:#FFF;text-decoration: none;display: block;}
.footerStrap2 a {    color: #FFF;    text-decoration: none;    display: inline-block;}


.footer2{margin: 0em 0em 0em 0em!important;     background: #F39200;            background: linear-gradient(90deg,rgba(243, 146, 0, 1) 0%, rgba(234, 91, 19, 1) 100%);text-align: left;}
.content_footer2_panel{width: 74%;display:block;position: relative;height: 1.5em;text-align: left;margin: auto;}

.animateupOff{opacity: 0;transform: translateY(3.5vw);}
.animateup1{animation:animateup 1.0s ease-out 0s 1 forwards;opacity: 0;}
.animateup2{animation:animateup 1.25s ease-out 0s 1 forwards;opacity: 0;}
.animateup3{animation:animateup 1.5s ease-out 0s 1 forwards;opacity: 0;}
.animateup4{animation:animateup 1.75s ease-out 0s 1 forwards;opacity: 0;}


.site-header_nav2 a{    color:#2d5d9f;}
.site-header_nav2 a:hover,
.site-header_nav2 a:focus {            opacity: 1;            border-bottom: 1px solid #EA5B13FF;      text-decoration: none;   }
.site-header_nav1 .header_logo1 {display: block;}
.site-header_nav1 .header_logo2 {display: none;}
.site-header_nav2 .header_logo1 {display: none;}
.site-header_nav2 .header_logo2 {display: block;}
.site-header_nav1 .social-icons1 {display: inline-block;}
.site-header_nav1 .social-icons2 {display: none;}
.site-header_nav2 .social-icons1 {display: none;}
.site-header_nav2 .social-icons2 {display: inline-block;}



.homepage .site-header_nav2 a { color: #FFF;}
.homepage .header_logo1 {    display: block;}
.homepage .header_logo2 {    display: none;}
.homepage .social-icons1 {    display: inline-block;}
.homepage .social-icons2 {    display: none;}

.menuBG .header_logo1 {
    display: block;
}
.menuBG .header_logo2 {display: none;}
.menuBG .social-icons1 {display: inline-block;}
.menuBG .social-icons2 {display: none;}
.menuBG .site-header_nav2 a{    color:#FFF;}

.about{background-color: #FFF;}
.hero-image{    height: 14.4em;overflow: hidden;object-fit: cover;}
.hero-image picture,
.hero-image img {
    display: block;
    width: 100%;
}
.pagetitle {height: 6em;   margin-bottom:0.9em;  }
.pagetitle h1{    padding-top: 1.9em;   font-size: 1.93em;text-align: left;    font-family: "impact", sans-serif;color:#2d5d9f;}
.content_txp_panel {
    overflow: visible;
}

.morenews {
    position: absolute;
    top: 0.5em;
    left: 38em;
}

.social-icons-share a {text-decoration:none;}



/* about */
.bluepanel2 {
    margin: 0em 0em 0em 0em !important;
    background-image: url("../images/aboutBGblue.jpg");
    background-size: cover;
    text-align: left;
}
.content_bluepanel2_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 20em;text-align: left;margin: auto;color: #FFFFFF;}
.content_bluepanel2_panel h3{font-size: 1.60em;line-height: 1.1em;font-variation-settings: "wght" 400;text-align: left;padding: 1.1em 0em 0em 0em;margin: 0;color: #FFFFFF;}

.bluepanel3{margin: 0em 0em 0em 0em!important;background-image: url("../images/aboutBGblue.jpg");background-size: cover;text-align: left;}
.content_bluepanel3_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 20em;text-align: left;margin: auto;color: #FFFFFF;}
.content_bluepanel3_panel h3{font-size: 1.65em;line-height: 1.2em;letter-spacing: 0.02em;font-variation-settings: "wght" 400;;text-align: left;padding: 1.3em 0em 0em 0em;margin: 0;color: #FFFFFF;}

.orangepanel2{margin: 0em 0em 0em 0em!important;background-image: url("../images/aboutBGorange.jpg");background-size: cover;text-align: left;}
.content_orangepanel2_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 20em;text-align: left;margin: auto;color: #FFFFFF;}
.content_orangepanel2_panel h3{font-size: 1.65em;line-height: 1.1em;font-variation-settings: "wght" 400;;text-align: left;padding: 1.3em 0em 0em 0em;margin: 0;color: #FFFFFF;}

.whitePanel2{margin: 0em 0em 0em 0em!important;text-align: left;}
.content_whitePanel2_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: auto;text-align: left;margin: auto;color: #2d5d9f;}
.content_whitePanel2_panel h2{font-size: 1.74em;line-height: 1.1em;font-variation-settings: "wght" 400;text-align: left;padding: 0.8em 0em 1.05em 0em;    width: 55%;margin: 0;color: #ea5b13;}
.content_whitePanel2_panel .crumbs{    font-size: 0.65em;    line-height: 1.1em;    font-variation-settings: "wght" 200;;    text-align: left;    padding: 3.3em 0em 0.9em 0em;margin: 0;color: #2d5d9f;}
.content_whitePanel2_panel .crumbs a{text-decoration:none;color: #2d5d9f;}

.cont1-left{display: inline-block;vertical-align: top;width: 47.4%;}
.cont1-left p{font-size: 0.76em;line-height: 1.25em;margin: 0.5em 0 1.2em;}
.cont1-right{display: inline-block;vertical-align: top;width: 40%;margin: 5% 3.7%;}
.cont1-right img{width: 20.8em;height: 18em;object-fit: cover;}

.cont3-left{display: inline-block;vertical-align: top;width: 47.4%;}
.cont3-left p{margin-top: 3.7em;font-size: 0.72em;line-height: 1.31em;color: #2D5D9FFF;}
.cont3-right{display: inline-block;vertical-align: top;width: 40%;margin: 9.8% 2.6%;}
.cont3-right img{width: 21.4em;height: 15.3em;object-fit: cover;}

.about-panel1{height: 25.4em;margin-bottom: 8em!important;}

.fourBoxes-about { top: -10.8em;}
.about-panel2{margin-top: 12em!important;}

.about-panel3{margin-top: 1.4em!important;height: 11.9em;margin-bottom: 17em!important;}

.cont2-img img{transform: translateY(-7.3em);height: 14.9em;object-fit: cover;overflow:hidden;}
.cont2-text{transform: translateY(-7.2em);font-size: 1em;}
.cont2-text h3{font-size: 1.43em;}
.cont2-text p{font-size: 0.77em;line-height: 1.35em;}

.brands{transform: translateY(-0.8em);}
.brands img{height:5em;width:auto;display:inline-block;margin-right:4.3em;}
.brands img:nth-child(4){margin:0;}


.aboutBottonSection{background-color: #ededed;height:32.5em;}

/* about */


/* contact */

.graypanel{margin: 0em 0em 0em 0em!important;background-color:#ededed;background-size: cover;text-align: left;}
.content_graypanel_panel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 20em;text-align: left;margin: auto;color: #29235c;}
.content_graypanel_panel h3{font-size: 1.65em;line-height: 1.1em;font-weight: 200;text-align: left;padding: 1.1em 0em 0em 0em;margin: 0;color: #29235c;}

.contact-panel1{margin-top: -1.9em!important;height: 33.5em;}
.contact-panel1 .cont1-left{width: 44%;}
.contact-panel1 .cont1-right{width: 49.3%;margin: 0% 0% 0% 6%;}

.contact-panel1 label{font-size: 0.77em;margin: 0 0 0em 0; }
.contact-panel1 input{font-size: 0.7em;padding: 0.3em;width: 100%;margin: 0.3em 0 0.2em 0;height: 2.3em;   color: #666;}
.contact-panel1 textarea{font-size: 0.7em;padding: 0.3em;width: 100%;height: 19.1em;color:#666;}
.contact-panel1 input[type="submit"]{margin-top: 2.2em;border: 0;font-size: 0.7em;background-color: #2d5d9f;color: #fFF;height: 2.7em;}

.about .content_whitePanel2_panel h2 {padding: 0.7em 0em 1.15em 0em;}
.logoInContent{width: 9.3em;margin: 1.6em 0 0.9em 0;}

.contAddress{font-size: 0.65em!important;margin: 0 0 2.4em 0! important;}

/* contact */


/* services */

.services .whitePanel2 h2 {width:60%;}
.services div.cont1-right > img {height: 15.1em;}
.services .bluepanel2 {height: 19.5em;}
.services-panel2 {  margin-top: 14.8em !important;       }
.cont2-img-3{width: 100%;transform: translateY(-12.5em);}
.cont2-img-3 h3{font-size: 1.3em;width: 90%;margin: -0.5em 0.6em 0.4em;}
.cont2-img-3 .threePanels {height: 19.1em;}
.cont2-text-3 {transform: translateY(-13.6em);font-size: 0.885em;}
.cont2-text-3 p{font-size: 0.77em;line-height: 1.3em;}
.services .content_bluepanel2_panel{height: 17.7em;}


.simpleWhtPanel{z-index: 1;color:#2d5d9f;background-color:#FFF;position: relative;text-align: left;padding-top: 1.8em;}
.content_simpleWhtPanel{width: 74%;display:block;position: relative;/* max-width: 75em; *//* top: 28.7em; */height: 17.8em;text-align: left;margin: auto;overflow-x:hidden;white-space: nowrap;}
.content_simpleWhtPanel h2 {        font-size: 1.75em;    line-height:1.1em;    font-variation-settings: "wght" 400;        text-align: left;        padding: 0em 0em 0em 0em;        margin: 0;        vertical-align: top;        width: 100%;        text-wrap-mode: wrap;    }
.content_simpleWhtPanel p {        font-size: 0.7em;   line-height:1.2em;     font-variation-settings: "wght" 200;        text-align: left;        padding: 1em 0em 0em 0em;        margin: 0;        vertical-align: top;        width: 78%;        text-wrap-mode: wrap;    }
.content_simpleWhtPanel ul li{text-align: left;line-height: 1.8em;font-size: 0.8em;}
.content_simpleWhtPanel ul {margin: 0;}

.servicesPanel {
    padding:2em 0;
    border-top: 1px solid #2d5d9f;
}

.services .txpPanel1 {
    height: 25.7em;
}

.ilb50 {    width: 50%;    display: inline-block;    vertical-align: top;}

/* services */


/* services panels */

.services-grid {    display: grid;    grid-template-columns: repeat(4, minmax(0, 1fr));    gap: 1em;    width: 100%;    padding: 2em 0 0 0; font-variation-settings: "wght" 300; }


.service-card {    position: relative;    min-height: 11.3em;    padding: 28px 24px 28px 24px;    background: linear-gradient(135deg, #007dba 0%, #001c53 100%);    color: #fff;    overflow: hidden;cursor:pointer;}
.service-card:hover .service-card__icon svg {transform:scale(0.6) translate( 0.75em, 0.75em );}




.service_rollover{background-image:url('../images/serviceRollOver.jpg'); background-size:cover;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:0.75s ease-in-out;cursor:pointer;}
.service-card:hover .service_rollover {    opacity: 1;}

.service-card:hover .service_rollover p {        opacity: 1;    }

.service-card__icon svg {    pointer-events: none;}
.service_rollover p {margin:0.3em 1em;opacity:0;transition:0.25s ease-in-out;transition-delay:0.5s;}

.service-card__title {    margin: 0;    max-width: 260px;    font-size: 1.1em;    line-height: 1.05;    letter-spacing: -0.02em;}
.service-card__icon {    position: absolute;      right: 1em;    bottom: 1em;    width: 2em;    height: 2em;   color: #fff;}
.service-card__icon svg {        display: block;        width: 100%;        height: 100%;  transition:0.5s ease-in-out;cursor:pointer;  }

.service-card.is-open .service_rollover {
    opacity: 1;
}

    .service-card.is-open .service_rollover p {
        opacity: 1;
    }



/* services panels */

.heightauto{height:auto;}
.nopadding {
    padding: 0 !important;
}
.error404{height:40vw;background-color: #1d1d1b;color:#FFF;}

@keyframes animateup{
    0%{transform: translateY(3.5vw);opacity: 0;}
    20%{transform: translateY(1.5vw);opacity: 1;}
    100%{transform: translateY(0em);opacity: 1;}
}

@media screen and (min-width:1920px){
    body {font-size: 33px;}
    .site-content-inner, .content-inner {
        max-width: 1920px;
    }
}

/* Hillcrest */


.hillcrest .content_whitePanel2_panel h2 {
    width: 14.8em;
}

.hillcrest-panel1 {
    height: 18.4em;
    margin-bottom: 6em !important;
}

.hillcrest .about-panel3 h2 {
    font-size: 1.1em;
    line-height: 1.9em;
    font-variation-settings: "wght" 400;
    color: #2d5d9f;
}

.hillcrest .content_bluepanel2_panel h3 {
    padding: 2.1em 1em 0.5em 0em;
}

.hillcrest .cont1-left p {
    width: 88%;
}

.hillcrest .about-panel3 {
    margin-bottom: -4em !important;
}

.hillcrest .content_orangepanel2_panel {
    height: 34em;
    padding-top: 4.9em;
}

.hillcrest .about-panel2 {
    margin-top: 7em !important;
}

.hillcrest .orangepanel2 {
    background-image: url(../images/hillcrestOrangeBG.jpg);
}

.hillcrest .threePanelsBlueGrad {
    background-image: url(../images/groupBluePbgpng.png);
    background-size: cover;
}

.hillcrest-panels {
    margin-top: 14.8em !important;
}

    .hillcrest-panels .gText p {
        font-size: 0.8em;
        width: 83%;
        color: #fff;
        padding-top: 5em;
    }

    .hillcrest-panels .gContacts {
        position: absolute;
        top: 23em;
        left: 1em;
        line-height: 0.8em;
    }

        .hillcrest-panels .gContacts p {
            font-variation-settings: "wght" 400;
            font-size: 0.6em;
            display: inline-block;
            vertical-align: middle;
            width: 90%;
            color: #fff;
            margin: 0;
        }

    .hillcrest-panels img {
        border-bottom: 0.3em solid #FFF;
    }

    .hillcrest-panels .icPhone, .hillcrest-panels .icEmail {
        width: 0.7em;
        border-bottom: none;
        display: inline-block;
        vertical-align: middle;
    }

    .hillcrest-panels .threePanels {
        height: 25.3em;
    }

    .hillcrest-panels .logoOverPic {
        position: absolute;
        top: 5em;
        left: 2.7em;
        width: 8.1em;
        border: 0;
    }

/*news*/

.news{background-color:#FFF;}

    .news .content {
        font-size: 0.8em;
        line-height: 1.2em;
        width: 93%;
    }

.newsLeft {
    margin: 1em 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 70%;
    margin-right: 4%;
}

    .newsLeft h2 {
        width: 80%;
        padding: 0.8em 0em 0em 0em;
    }

.dateLine {
    font-size: 0.7em;
    border-bottom: 1px #2d5d9f solid;
}

.lineLatestNews {
    height: 1em;
    margin-bottom: 1em;
    border-bottom: 1px #2d5d9f solid;
}


.newsRight {
    margin: 1em 0 0 0;
    display: inline-block;
    vertical-align: top;
    width: 25%;
}

    .newsRight h2 {
        font-size: 1.5em;
        padding: 0em 0em 1.75em 0em;
        width: 100%;
    }

.news-list-item h2 {
    font-size: 1.0em;
    padding: 0.2em 0em 0.2em 0em !important;
    background-color: #ededed;
}

    .news-list-item h2 a {
        display: block;
        padding-left: 0.8em;
        text-decoration: none !important;
        font-size: 1.0em !important;
        color: #ea5b13 !important;
    }
.news-list-item .title {
    font-size: 0.8em;
}
    .news-list-item .title a {
        text-decoration: none;
        color: #2d5d9f;
    }
.mobile_nav {
    display: none;
}
.mobile_nav_topbar {
    display: none;
}

.social-icons-news {
    position: relative;
    font-variation-settings: "wght" 400;
    left: 19.3em;
}
.news .images img {
    margin-bottom: 1em;
}
    .social-icons-news a {
        display: inline-block;
    }

.dateLine2 {
    font-size: 0.7em;
    height: 0;
    border-bottom: 1px #2d5d9f solid;
}
.news li {
    margin-bottom: 0.5em;
}

.news .content_whitePanel2_panel .crumbs {
    padding: 2.5em 0em 0em 0em;
}
    .brands2 img {
    height: 5em;
    width: auto;
    display: inline-block;
    margin-right: 1.8em;
}
.brands2 img:nth-child(5) {
    margin-right: 0em;
}

/* Mobile */

@media screen and (max-width:1200px) {
    body {
        font-variation-settings: "wght" 280;
    }
}
@media screen and (max-width:800px) {
    html, body {
        font-size: 5vw;
        overflow-x: hidden;
    }

    .mobr {
        display: block;
    }

    .content_footer_panel h2 {
        font-size: 1.64em;
    }

    .site-header_nav2 {
        /* display:none;*/
    }

    .site-header_top {
        width: 60%;
        padding-left: 5%;
        padding-right: 5%;
        display: inline-block;
        vertical-align: middle;
    }

    .mobile_nav {
        transform: translateY(-0.1em);
        width: 39%;
        padding-left: 20%;
        padding-right: 0.5%;
        display: inline-block;
        vertical-align: middle;
        color: #FFF;
        font-size: 6em;
        line-height: 0.105em;
        text-align: center;
    }

        .mobile_nav a {
            text-decoration: none;
        }

    .mobile_nav_logo {
        display: inline-block;
        width: 64%;
        vertical-align: middle;
        padding: 4% 5% 4% 5%;
    }

    .mobile_nav_close {
        display: inline-block;
        vertical-align: middle;
        width: 29%;
        padding: 2% 0% 2% 24%;
        font-size: 2em;
        font-variation-settings: "wght" 600;
        color: #2d5d9f;
    }

        .mobile_nav_close a {
            color: #2d5d9f !important;
            text-decoration: none;
        }

    .mobile_nav_topbar {
        display: block;
        background-color: #FFF;
    }

    .site-header_nav {
        width: 100%;
        text-align: left;
        position: absolute;
        top: -0.8em;
        left: 0;
        display: none;
    }

    .site-nav {
        font-size: 2.5em;
        position: relative;
        z-index: 10;
        background-image: url('../images/groupBluePbgpng.png');
        background-size: cover;
        height: 100vh;
        padding-top: 0.6em;
    }

        .site-nav a {
            display: block;
            padding: 0.2em 0;
            margin-left: 5%;
            border-bottom: 1px #fff solid;
            width: 90vw;
        }

    .site-header_nav2 a {
        color: #FFF;
    }
    .video_area {
        height: 31.2em;
    }
    .content-inner p {
        font-size: 1em;
        margin: 1em 0em;
        width: 85%;
    }

    .about .content-inner p {
        width: 100%;
    }

    .services .content-inner p {
        width: 100%;
    }
    .news .content-inner p {
        width: 100%;
        font-size: 1.1em;
    }
        .threePanels p {
        width: 85% !important;
    }

    .threePanels p {
        margin: 0 1em;
    }

    .newslinks p {
        margin: 0 0em;
    }

    .mobile_nav a {
        color: #2d5d9f;
    }

    .social-icons {
        margin-left: 6.3em;
        margin-top: 1em;
    }

        .social-icons a {
            display: inline-block;
            border-bottom: 0;
            width: auto;
        }

    .nav-dropdown {
        height: 5.3em;
    }

    .nav-dropdown-menu {
        display: block;
        position: absolute;
        top: 0em;
        left: 0em;
    }

    .nav-dropdown > a {
        display: none;
    }

    .content_main {
        width: 98%;
        margin: 0% 1em;
        top: 33.7em;
    }

    .video_area img {
        width: 285%;
    }

    .video_heading h1 {
        width: 6em
    }

    .video_heading h2 {
        font-size: 1em;
        margin-top: 0.5em;
    }

    .fourBoxes {
        margin-left: 1em;
    }

    .box {
        margin-bottom: 1em;
        width: 8.6em;
        margin-right: 0.7em;
    }

    .video_heading {
        left: 1em;
    }

    .content_white_panel h2 {
        line-height: 1.1em;
        padding: 0.9em 0em 0.9em 0em;
    }

    .site-content-inner {
        max-width: 100%;
        padding: 0;
    }

    .threePanels {
        display: block;
        width: 100%;
        margin-bottom: 1.6em;
        height: auto !important;
        padding-bottom: 1em;
    }
        .orangePanel1 {
        margin-top: 27.1em;
    }

    .content_orange_panel {
        height: auto;
        width: 90%;
    }

    .content_image {
        top: 33.3em;
        overflow: hidden;
    }

    .imageGradPos1 {
        top: 3em;
    }

    .content_image img {
        height: 60vw;
        width: 90vw;
        object-fit: cover;
        object-position: right;
    }

    .content_image h2 {
        top: 3.2em;
        left: 0.5em;
        width: 80vw;
        line-height: 1em;
    }

    .content_image p {
        top: 8em;
        left: 0.9em;
        width: 90%;
        font-size: 0.96em;
        margin: 0;
    }

    .content_image {
        padding: 1.5em 0em 0em;
        margin: 0% 5%;
        width: 90%;
    }

    .content_whitePanel2_panel h2 {
        width: 90%
    }

    .hero-image img {
        width: 100%;
        height: 15.1em;
        object-fit: cover;
    }

    .content_bluepanel2_panel {
        width: 90%;
    }

    .about-panel1 {

        padding-bottom: 6em;
        height: 54em;
    }
    
    .about-panel2 {
        margin-top: 19em !important;
        height: 38em;
    }

    .about .cont2-img img {
        transform: translateY(-8.3em);
    }

    .about .cont2-text {
        transform: translateY(-8.2em);
    }

    .about .about-panel2 {
        height: 28em;
    }
      .cont1-left, .cont1-right, .cont2-left, .cont2-right, .cont3-left, .cont3-right {
        display: block;
        width: 100%;
    }

    .cont1-left {
        position: absolute;
        top: 16em;
        left: 0em;
        width: 100%;
        margin: 0;
    }

    .cont1-right {
        position: absolute;
        top: 1em;
        left: 0em;
        width: 80%;
        margin: 0;
    }

        .cont1-right img {
            width: 18em;
            height: 15em;
        }

    .cont3-left {
        position: absolute;
        top: -1em;
        left: 0em;
        width: 100%;
        margin: 0;
    }

    .cont3-right {
        position: absolute;
        top: 8em;
        left: 0em;
        width: 80%;
        margin: 0;
    }

        .cont3-right img {
            width: 18em;
            height: 15em;
        }

    .content_bluepanel3_panel h3 {
        font-size: 1.35em;
    }

    .cont3-left p {
        margin-top: 18.8em;
        font-size: 0.92em;
    }

    .aboutBottonSection {
        background-color: #ededed;
        height: 55em;
    }

    .brands {
        position: absolute;
        top: 40em;
    }

        .brands img {
            height: auto;
            width: 6em;
            margin: 1em 1.4em 1em 1.4em !important;
            vertical-align: middle;
        }

    .content_image .btn1 {
        position: absolute;
        top: 10.1em;
        left: 0.8em;
    }

    .EnquireNowArrow img {
        width: 100%;
        height: auto;
    }

    .I50 {
        width: 90%
    }

    .content_txp_panel {
        width: 90%;
    }

    .content_white_panel {
        width: 90%;
    }

    .txpPanel1 {
        overflow: hidden;
    }

    .content_txp_panel {
        height: auto;
        padding-bottom: 4em;
    }
    .homepage .content_txp_panel {
        padding-bottom: 0em;
    }
    .content_txp_panel .threePanels {
        height: 28.3em;
    }

    .content_white_panel {
        height: 23.7em;
    }
    /*
    .bottomIcon1, .bottomIcon2, .bottomIcon3, .bottomIcon4 {
        height: 5em;
    }

    .bottomIcon1 {
        margin: 1em 1.6em;
    }

    .bottomIcon2 {
        margin: 1em 2em;
    }

    .bottomIcon3 {
        margin: 1em 1.6em 1em 1.3em;
    }

    .bottomIcon4 {
        margin: 1em 0.6em 1em 1em;
    }
*/
    .bottomIcon0, .bottomIcon1, .bottomIcon2, .bottomIcon2a, .bottomIcon2b, .bottomIcon3, .bottomIcon4 {
        height: 2.8em;
        width: auto;
        display: inline-block;
        margin: 0em auto 2em auto;
    }

    .bottomIcon0 {
        height: 2.2em;
        margin-right: 1em;
        margin-bottom: 1em;
    }

    .bottomIcon1 {
        margin-right: 1em;
        margin-bottom: 1em;
    }

    .bottomIcon2 {
        margin: 0 0em;
        margin-bottom: 1em;
    }

    .bottomIcon2a {
        margin-bottom: 1em;
    }
    .bottomIcon2a {
        margin-right: 2em;
    }
    .bottomIcon3 {
        margin: 0em 3em 0em 2em;
    }

    .bottomIcon4 {
        margin: 0em 2em 0em 0em;
    }

    #footer {
        width: 100vw;
        overflow: hidden;
        top: 0em;
    }

    .btn2 {
        font-size: 1.3em !important;

    }
        .btn2 .EnquireNow {

            font-variation-settings: "wght" 400 !important;
        }

        .btnSize2 {
            margin: 0em 0em;
        }

    .content_footer_panel {
        height: 44em;
        width: 90%;
    }

    .footer_logo {
        width: 65%;
    }

    .footerAdd {
        top: 21.6em;
        font-size: 0.85em;
        left: 0em;
    }

    .footerPhone {
        font-size: 0.85em;
        top: 28em;
        left: 0em;
    }

    .footerSocials {
        top: 40.5em;
        left: 0em;
        font-size: 0.7em;
    }

    .btnSize3 {
        font-size: 1em;
        margin: 0.2em 1em 0 0em;
    }

    .footerNav {
        font-size: 0.85em;
        top: 35.6em;
        left: 0em;
    }

    .footerStrap1 {
        top: 73.4em;
    }

    .content_footer2_panel {
        width: 90%;
    }

    .content-inner-74 {
        width: 90%;
    }

    .services .whitePanel2 h2 {
        width: 90%;
    }

    .projects .panel1 {
        height: 57.2em !important;
    }

    .projects .panel2 {
        height: 62.2em !important;
    }

    .projects .panel3 {
        height: 70.2em !important;
    }

    .projects .content_bluepanel2_panel {
        height: 50em;
    }

    .projects .cont1-left {
        top: 24em;
    }

    .content_whitePanel2_panel {
        width: 90%;
    }

    .projects .content_whitePanel2_panel h2 {
        width: 100% !important;
    }

    .projects .cont1-left p {
        width: 100% !important;
        font-size: 1em;
    }

    .services .bluepanel2 {
        min-height: calc(100vh - 3em);
    }

    .servicesplumbingheating .bluepanel2 {
        height: 36em;
        
    }

    .servicespipwork .bluepanel2 {
        height: 40em;
    }

    .hvac .bluepanel2 {
        height: 44em;
    }

    .services .content_bluepanel2_panel {
        height: 97.7em;
    }

    .ilb50 {
        display: block;
        width: 90vw;
        margin-bottom: 2em;
    }

    .services .content_simpleWhtPanel {
        width: 90%;
        height: auto;
    }

        .services .content_simpleWhtPanel p {
            width: 100%
        }

    .content_simpleWhtPanel ul {
        font-size: 1.1em;
        padding: 1em 0em 0 1em;
    }

    .services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 15px;
        padding: 1em 0 0 0;
    }

    .services .heightauto {
        height: 76em;
    }

    .servicesplumbingheating .services-panel2 {
        height: auto;
        padding-bottom: 6em;
    }

    .servicespipwork .services-panel2 {
        height: 91em;
    }

    .hvac .services-panel2 {
        height: auto;
        padding-bottom: 6em;
    }

    .hvac .pagetitle {
        height: 11.1em;
    }
    .pagetitle h1 {
        line-height: 1.1em;
    }
     .service-card {
        position: relative;
        min-height: 310px;
        padding: 08px 04px 08px 8px;
    }

    .service-card p {
        width: 90% !important;
    }

    .service_rollover {
        font-size: 0.8em; padding-left: 1em;font-variation-settings: "wght" 300 !important;               background-size: cover;        background-repeat: no-repeat;

    }
    
    .cont2-img img {
        transform: translateY(-11.3em);
    }
    .cont2-text {
        transform: translateY(-11.2em);
    }
        .hillcrest .content_whitePanel2_panel h2 {
        width: 9.8em !important;
    }

    .hillcrest .pagetitle {
        height: 10em;
    }

    .content_bluepanel3_panel {
        width: 90%;
        margin-top: -5em;
    }

    .hillcrest .about-panel3 {
        margin-top: 1.4em !important;
        height: 17.9em;
    }

    .hillcrest .threePanels {
        height: 31em !important;
    }

    .hillcrest-panels .logoOverPic {
        top: 6em !important;
        left: 3.7em !important;
        width: 11em !important;
    }
    .hillcrest-panels {
        width: 90%;
        margin-left: 5%;
    }
     .brands2 {
        text-align: center;
    }

        .brands2 img {
            margin: 0.6em 8.5px;
            height: 3.6em;
        }

    .hillcrest .content_orangepanel2_panel {
        height: 56em !important;
    }

    .hillcrest .cont1-left p {
        width: 90%;
    }

    .hillcrest-panels .gText p {
        padding-top: 4em !important;
    }
    .hillcrest .about-panel2 {
        height: 55em;
    }

    .hillcrest-panel1 {
        height: 38.4em;
    }
    .gContacts p{
        width:92%!important;
    }
    .content_orangepanel2_panel {
        width: 90%;
    }
    .servicesplumbingheating .content_orangepanel2_panel {
        height: 91em;
    }
    .hvac .content_orangepanel2_panel {
        height: 93em;
    }
    .contact-panel1 .cont1-left {
        width: 100%
    }

    .contact-panel1 .cont1-right {
        width: 100%;
        top: 11em;
    }



    .contact .cont1-left {
        top: 0.5em;
    }

    .contact .content_graypanel_panel {
        width: 90%;
    }

    .contact .cont1-left p:nth-child(1) {
        margin-bottom: 33em;
    }

    .contact-panel1 .cont1-right {
        margin: 0% 0% 0% 0%;
    }

    .contact-panel1 label {
        font-size: 1em;
    }
    .contAddress {
        font-size: 1em !important;
    }
        .newsLeft {
        width: 100%;
    }

    .newsRight {
        width: 100%;
    }

    .social-icons-news {
        left: 3em;
    }

    .services .txpPanel1 {
        height: 30.7em;
    }
    .hillcrest .cont1-left p {
        width: 100%!important;
    }
    .hillcrest .content-inner p {
        font-size: 1em!important;
        width: 100%;
    }
    .gText p{
        width:90%!important;
    }
    .hillcrest-panels .gContacts {
        top: 28em !important;
    }
    .cont2-img-3 {
        width: 100%;
    }
    .projects .envaLogo {
        width: 77%!important;
    }
    .projects .qmcLogo {
        width: 77% !important;
    }
    .projects .nottmCollegeLogo {
        width: 100%!important;
    }

    .hillcrest-panels {
        margin-bottom: -12em;
    }
    .contact-panel1 {
        margin-top: -1.9em !important;
        height: 75em;
    }
 }

@media screen and (max-width:800px) {
    .newslinks {
        position: relative;
        overflow: hidden;
        padding-bottom: 4.5em;
    }

        .newslinks .newsSliderTrack {
            display: flex;
            width: 100%;
            transition: transform 0.35s ease;
            will-change: transform;
        }

        .newslinks .threePanels {
            flex: 0 0 100%;
            width: 100% !important;
            display: block;
            margin: 0 !important;
            padding: 0 0 1em 0;
            height: auto !important;
        }

            .newslinks .threePanels > img {
                height: 12em;
                object-fit: cover;
            }

    .newsSliderControls {
        display: flex;
        justify-content: center;
        gap: 0.8em;
        margin-top: 1em;
        position: absolute;
        top: -1em;
        left: 66vw;
    }

        .newsSliderControls button {
            border: 1px solid #2d5d9f;
            background: transparent;
            color: #2d5d9f;
            padding: 0.25em 0.3em;
            font-size: 1.3em;
            cursor: pointer;
        }

            .newsSliderControls button:disabled {
                opacity: 0.35;
                cursor: default;
            }

    .newslinks .morenews {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 1.5em;
    }

    .morenews {
        display: none;
    }
}

@media screen and (min-width:801px) {
    .newsSliderControls {
        display: none;
    }
}