@import url('https://fonts.googleapis.com/css?family=Alatsi&display=swap');
*{ padding: 0;margin: 0;}
body{font-family: 'Open Sans', sans-serif;    font-size: 14px;line-height: 1.6;}
h1,h2,h3,h4,h5,h5,h6{ color: #38393b;/*font-family: 'Teko', sans-serif;*/font-family: 'Alatsi', sans-serif;}
p {color: #333;font-size: 15px;line-height: 1.6;text-align: justify;margin-bottom: 10px; }
a{text-decoration:none;}
.clear_all{clear:both;}
#return-to-top {position: fixed;bottom: 20px;right: 20px;background: #fd972e;width: 40px;border-radius:50%;height: 40px;display: block;text-decoration: none;display: none;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;z-index:999;cursor: pointer; z-index: 9999;-webkit-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);-moz-box-shadow: -4px 1px 7px 0px rgba(84, 84, 84, 0.35);box-shadow: -1px 1px 5px 0px rgba(84, 84, 84, 0.35);}
#return-to-top i { color: #fff; margin: 0;position: relative;left: 14px;top: 12px;font-size: 19px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}
#return-to-top:hover {background: #fff;border:1px solid #fd972e;}
#return-to-top:hover i {color: #fd972e;top: 5px;	}
button:focus, input:focus, textarea:focus,a:focus {outline: 0;}
/*header*/
.top_menu{width:100%;background-color: #0d1e2d;padding:5px 0px;border-top-left-radius: 40px;    border-bottom-left-radius: 40px;}
.top_menu_left ul{margin:0px;}
.top_menu_left ul li{list-style:none;display:inline-block;position:relative;padding-left:15px;color:#eee;}
.top_menu_left ul li a{text-decoration:none;color: #989fa7;font-size:15px;}
 
.top_menu_right ul{margin:0px;text-align:right;padding: 10px;}
.top_menu_right li i{    margin-right: 7px;}
.top_menu_right ul li{list-style:none;display:inline-block;position:relative;float: left;    padding: 0px 10px;}
.top_menu_right ul li a{text-decoration:none;color: #eee;font-size:15px;}
.top_menu_left{float: right; padding-right:20px;}
 
 /*main-menu*/
.main_menu{width:100%;padding:2px 0px;}
.menu {width: 100%;}
.menu-container {margin: 0 auto;}
.menu a.logo {display: inline-block;padding: 0 10px;width:20%;float: left;margin-top:0px;}
 
.menu-mobile {display: none;padding: 20px;}
.menu-mobile:after {content: "\efa2";font-family: "icofont";font-size: 2.5rem;padding: 0;float: right;position: relative;top: 50%;
  -webkit-transform: translateY(-25%);transform: translateY(-25%);}
.menu-dropdown-icon:before {content: "\ea67";font-family: "icofont";display: none;cursor: pointer;float: right;padding: 1.5em 2em;
background: #fff;color: #333;}
.menu > ul { margin:14px auto 0 auto;width: 100%;list-style: none;padding: 0;display: inline-block;position: relative;    box-sizing: border-box;float: right;text-align: left;}
.menu > ul:before,
.menu > ul:after {content: "";display: table;}
.menu > ul:after {clear: both;}
.menu > ul > li {    display: inline-block;padding: 0;margin: 0;}
.menu > ul > li a {text-decoration: none;color:#004a6f;padding: 1.5em 10px;text-transform: uppercase;font-weight: 600;font-size: 12px;text-align: center;display: block;}
.menu > ul > li a:hover {color:#008abc;}
.menu > ul > li:hover { color:#008abc;}
.menu > ul > li a > i{font-size:20px;}
.menu > ul > li > ul {display: none;width: 100%;background: #fff;padding: 20px;position: absolute;z-index: 99;left: 0;margin: 0;
list-style: none;box-sizing: border-box;    box-shadow: 0 5px 6px 1px rgba(0, 0, 0, 0.2);}
.menu > ul > li > ul:before,
.menu > ul > li > ul:after {content: "";display: table;}
.menu > ul > li > ul:after {clear: both;}
.menu > ul > li > ul > li {margin: 0;padding-bottom: 0;list-style: none;width: 16.66%;background: none;float: left;}
.menu > ul > li > ul > li a {    text-transform: capitalize;color: #004a6f;padding: .2em 0;width: 95%;display: block;border-bottom: 1px solid #ccc;    font-size: 12px;text-align: left;}
.menu > ul > li > ul > li a:hover{color:#008abc;}
.menu > ul > li a:focus{color:#000;}
.menu > ul > li > ul > li > ul {display: block;padding: 0;margin: 10px 0 0;list-style: none;box-sizing: border-box;}
.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {content: "";display: table;}
.menu > ul > li > ul > li > ul:after {clear: both;}
.menu > ul > li > ul > li > ul > li {float: left;width: 100%;padding: 10px 0;margin: 0;font-size: .8em;}
.menu > ul > li > ul > li > ul > li a {border: 0;     font-size: 10px;
    text-align: left;text-transform: uppercase;}
.menu > ul > li > ul.normal-sub {width: 300px;left: auto;padding: 10px 20px;}
.menu > ul > li > ul.normal-sub > li {width: 100%;}
.menu > ul > li > ul.normal-sub > li a {border: 0;padding: 1em 0;}
@media only screen and (max-width: 959px) {
  .menu-container {width: 100%;}
  .menu-container .menu{display:inline-block;}
  .menu-mobile {display: block;    float: right;    padding: 23px 20px 0;}
  .menu-dropdown-icon:before {display: block;}
  .menu > ul {display: none;width:100%;}
  .menu > ul > li {width: 100%;float: none;display: block;}
  .menu > ul > li a {padding: 1.5em;width: 100%;display: block;}
  .menu > ul > li > ul {position: relative;    padding: 0 40px;}
  .menu > ul > li > ul.normal-sub {width: 100%;}
  .menu > ul > li > ul > li {float: none;width: 100%;margin-top: 20px;}
  .menu > ul > li > ul > li:first-child {margin: 0;}
  .menu > ul > li > ul > li > ul {position: relative;}
  .menu > ul > li > ul > li > ul > li {float: none;}
  .menu .show-on-mobile {display: block;}
}
.logo img{width:100%;max-width: 225px;    width: 100%;}
/*slider*/
.slider{width:100%;height:auto;position:relative;overflow: hidden;}
 
.slider .owl-nav button {position: absolute;top: 50%;background-color: #000;color: #fff;margin: 0;transition: all 0.3s ease-in-out;}
.slider .owl-nav button.owl-prev {left: 10px;}
.slider .owl-nav button.owl-next {right: 10px;}
.slider .owl-nav button.owl-next,.slider .owl-nav button.owl-prev{padding:15px !important;}
.slider .owl-dots {text-align: center;padding-top: 15px;}
.slider .owl-dots button.owl-dot {width: 15px;height: 15px;border-radius: 50%;display: inline-block;background: #ccc;margin: 0 3px;}
.slider .owl-dots button.owl-dot.active {background-color: #000;}
.slider .owl-dots button.owl-dot:focus {outline: none;}
.slider .owl-nav button {position: absolute;top: 50%;transform: translateY(-50%);background:transparent;border:1px solid #fff !important;}
.slider span {font-size: 70px;position: relative;top: -5px;}
.slider .owl-nav button:focus { outline: none;}
.slider .owl-carousel .owl-item img {display: block;width: 100%;height:auto;}
.slide-caption {width:100%;position: absolute;top: 30%;left: 10%;  color: #fff;z-index:12;}
.slide-caption h2{color:#fff; font-weight:lighter;font-size:38px;}
.slide-caption h2 span{font-weight:700;display:block;font-size:38px;}
.owl-item.active .slide-caption__title{ -webkit-animation: 1s .2s fadeInUp both;animation: 1s .2s fadeInUp both;}
.owl-slide{position: relative;}
.owl-nav i{color:#fff;}
.slider .slide-caption p {font-size: 22px;color: #fff; line-height:40px; text-align:left;}
.sliderr_cont{width:60%;}
/*about*/
.about{width:100%;padding:80px 0px; }
.about_left{width:100%;position:relative;}
.about_left img{width:100%;height:auto;}
.abt_ico img{width:50px;} 
.about_right h3 {position: relative;color: #adadad;font-weight: 400;text-transform: capitalize;margin-bottom: 15px;}
.about_right h1{position: relative;font-size:30px;line-height: 1.2em;font-weight: 600;text-align:left; }
.about_right h1 span {color:#9cb8c7;}
/** service-section **/
.service-section{position: relative;display: block;padding: 40px 0px;}
.service-section .sec-title{margin-bottom: 37px;}
.service-block-one .inner-box{position: relative;display: block;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);}
.service-block-one .inner-box .image-box{position: absolute;left: 0px;top: 0px;background: #192d66;overflow: hidden;}
.service-block-one .inner-box .image-box a{position: relative;display: inline-block;z-index: 1;}
.service-block-one .inner-box .image-box img{width: 100%;opacity: 1;transition: all 500ms ease;}
.service-block-one .inner-box:hover .image-box img{opacity: 0.5;transform: scale(1.05);}
.service-block-one .inner-box .content-box{position: relative;padding: 5px 30px 5px 240px;min-height: 300px;margin-bottom: 30px;}
.service-block-one .inner-box .content-box:before{position: absolute;content: '';background: url(../images/pattern-1.png);
  width: 255px;height: 255px;top: 25px;right: 35px;background-repeat: no-repeat;}
.service-block-one .inner-box .content-box .icon-box{position: relative;display: inline-block;font-size: 55px;line-height: 55px;
  color: #000;font-weight: 500;margin-bottom: 17px;}
.icon-box img{width:50px;}
.service-block-one .inner-box .content-box .icon-box:before {position: absolute;content: '';background: #004a6f63;width: 38px;height: 38px;
left: -10px;bottom: -5px;border-radius: 50%;z-index: -1;}
.service-block-one .inner-box .content-box h3{position: relative;display: block;font-size:20px;
  line-height: 32px;font-weight: 700;color: #272727;margin-bottom: 11px;}
.service-block-one .inner-box .content-box h3 a{color: #272727;}
.service-block-one .inner-box .content-box h3 a:hover{color: #004a6f;text-decoration:none;}
.service-block-one .inner-box .content-box .text{position: relative;display: block;color: #585858;margin-bottom: 11px;}
.service-block-one .inner-box .content-box .link-btn a{position: relative;display: inline-block;text-decoration:none;font-size: 16px;
  font-weight: 700;color: #000;}
.service-block-one .inner-box .content-box .link-btn i{position: relative;font-size: 12px;margin-left: 10px;font-weight: 700;transition: all 500ms ease;}
.service-block-one .inner-box .content-box .link-btn:hover i{transform: rotate(360deg);}
.service-section .service-block:nth-child(2) .service-block-one .inner-box .content-box,
.service-section .service-block:last-child .service-block-one .inner-box .content-box{position: relative;padding: 5px 240px 5px 30px;
  min-height: 300px;margin-bottom: 30px;}
.service-section .service-block:nth-child(2) .service-block-one .inner-box .image-box,
.service-section .service-block:last-child .service-block-one .inner-box .image-box{right: 0px;left: inherit;}
.service-section .service-block:nth-child(2) .service-block-one .inner-box .content-box:before,
.service-section .service-block:last-child .service-block-one .inner-box .content-box:before{left: 80px;right: inherit;}
.centred {text-align: center;}
.centred p{text-align: center;}
.text ul{margin:0px;}
.text ul li{list-style:none;}
.text ul li a{text-decoration:none;color:#333;font-size:14px;}
.imagebox-title p{color:#fff; text-align:left; padding:0px 10px;    font-size: 14px;}



/*clients*/
.clients{width:100%;padding:10px 0px;}
.clients .owl-demo .item img {padding: 5px 10px;    border: 5px solid #074f73; }
#clients .item{margin:10px 15px;}
#clients{margin-bottom:30px;}
 /** main-footer **/
.main-footer{position: relative;display: block;}
.main-footer .footer-top{position: relative;display: block;padding: 30px 0px 20px 0px;border-bottom: 1px solid #e5e5e5;z-index: 1;}
.main-footer .footer-top .bg-column{position: absolute;left: 0px;top: 0px;width: 100%;height: 60px;
background: linear-gradient(90deg, #fff 0%, #004a6f 50%, #fff 100%);}
.main-footer .footer-top .logo-widget{position: relative;margin-top: 7px;}
.main-footer .footer-top .logo-widget .footer-logo{position: relative;display: inline-block;margin-bottom: 12px;}
.main-footer .footer-top .logo-widget .text{position: relative;display: block;font-size: 13px;line-height: 26px;color: #616b8c;}
.main-footer .widget-title{position: relative;display: block;font-size: 19px;
    text-transform: uppercase;
    line-height: 1.2;font-weight: 400;color: #000;margin-bottom: 19px;}
.main-footer .footer-top .links-widget .widget-content ul li{position: relative;display: block;margin-bottom: 4px;}
.main-footer .footer-top .links-widget .widget-content ul li:last-child{margin-bottom: 0px;}
.main-footer .footer-top .links-widget .widget-content ul li a{  position: relative;text-decoration:none;display: inline-block;font-size: 15px;color: #616b8c;}
.main-footer .footer-top .links-widget .widget-content ul li a:hover{color: #000;}
.main-footer .footer-top .company-widget{margin-left:0px;}
.main-footer .footer-bottom{position: relative;display: block;padding:20px 0px 5px 0px;z-index: 1;}
.main-footer .footer-bottom .copyright{position: relative;font-size: 15px;color: #616b8c;}
.main-footer .footer-bottom .footer-social li{position: relative;display: inline-block;margin-right: 20px;}
.main-footer .footer-bottom .footer-social li:last-child{margin-right: 0px;}
.main-footer .footer-bottom .footer-social li a{position: relative;display: inline-block;font-size: 16px;color: #192d66;text-decoration:none;}
.main-footer .footer-bottom .footer-social li a:hover{color: #000;}
.logo-widget{text-align:center;}
.footer-logo img {max-width: 100%;width:100px;height: auto;}
/*discover*/
.discover{width:100%;padding:40px 0px;}
.imagebox-item .imagebox.style1 {position: relative;overflow: hidden;}
.imagebox-item .imagebox-image {position: relative;}
.imagebox-image img {width: 100%;}
.imagebox-item .imagebox.style1 .imagebox-title {padding: 20px 0 20px 0;background-color: #004a6f;border-radius: 4px;min-height: 45px;text-align: center;
position: absolute;left: 20px;right: 20px;bottom: 21px;opacity: 1;visibility: visible;transform: translateY(0);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.imagebox-item .imagebox.style1 .imagebox-title h2 a { line-height:1.2;font-weight: 400;color: #fff;}
 .imagebox-title h2{line-height:1.2;font-size: 18px;letter-spacing:2px;}
.imagebox-item .imagebox.style1:hover .imagebox-title {visibility: hidden;opacity: 0;-webkit-transform: translateY(-300%);-moz-transform: translateY(-300%);
-ms-transform: translateY(-300%);-o-transform: translateY(-300%);transform: translateY(-300%);}
.imagebox-item.active .imagebox.style1 .imagebox-title {visibility: hidden;opacity: 0;-webkit-transform: translateY(100%);-moz-transform: translateY(100%);
        -ms-transform: translateY(100%);-o-transform: translateY(100%);transform: translateY(100%);}
.imagebox-item .imagebox.style1 .imagebox-content {position: absolute;left: 20px;right: 20px;bottom: 20px;opacity: 0;visibility: hidden;
background-color: #fff;border-radius: 4px;font-size: 14px;padding: 48px 48px 39px 48px;transform: translateY(100%);
-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.imagebox-item .imagebox.style1:hover .imagebox-content {opacity: 1;visibility: visible;-webkit-transform: translateY(0);
-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.imagebox-item.active .imagebox.style1 .imagebox-content {opacity: 1;visibility: visible;-webkit-transform: translateY(0);
-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.imagebox-item .imagebox.style1 .imagebox-content h3 a {font-size: 18px;line-height: 1.2;font-weight: 400;color: #131d3b;text-decoration:none;}
.imagebox-item .imagebox.style1 .imagebox-content h3 a:hover {color: #004a6f;}
.imagebox-item .imagebox.style1 .imagebox-content h3 {letter-spacing:0px;}
.imagebox-item .imagebox.style1 .imagebox-content p {font-size: 14px;text-align:left;
    line-height: 1.4;color: #707789;font-weight: 400;letter-spacing: 1px;}
.imagebox-item .imagebox.style1 .imagebox-content h2 a {font-size: 14px;line-height: 30px;font-weight: 400;color: #004a6f;letter-spacing: 2.7px;}
.imagebox-item .imagebox.style1 .imagebox-content h2 a:hover {color: #131d3b;}
.imagebox-item .imagebox.style1 .imagebox-content h2 {position: relative;}
.imagebox-item .imagebox.style1 .imagebox-content .imagebox-button {margin-top: 13px;}
.imagebox-item .imagebox.style1 .imagebox-content .imagebox-desc {margin-top: 21px;}
.copyright p {position:relative;z-index:12;text-align: center;color: #000;margin: 0;padding: 0;font-size: 14px;}
.copyright a {text-decoration: none;color: #000;}
.copyright img {width: 30px;height: 30px;object-fit: contain;}
/*page title*/
.page-title {width:100%;position: relative;overflow: hidden;text-align: center;background-image: url(../images/page-title.jpg);
background-attachment: fixed !important;background-position: 50% 100% !important;background-repeat: no-repeat !important;
background-size: cover !important;padding:120px 0px;}
.page-title h1 { position: relative;color: #fff;font-size: 36px;font-weight: 700;line-height: 1em;margin-bottom: 15px;
display: inline-block;text-transform:uppercase;letter-spacing:2px;padding: 10px;z-index:1;}
/*main_contact*/
.main_contact{width:100%;padding:100px 0px 40px 0px;} 
.cs-contact-col {margin-bottom: 50px;}
.cs-contact-col .hexagon {text-align: center;padding-top: 15px;margin: auto;margin-bottom: 50px;}
.cs-contact-col:hover .hexagon {background: #004a6f;}
.cs-contact-col:hover .hexagon:before {border-bottom: 25px solid #004a6f;}
.cs-contact-col:hover .hexagon:after {border-top: 25px solid #004a6f;}
.cs-contact-col .hexagon span {color: #ffffff;text-align: center;}
.cs-contact-col h3{font-weight: normal;font-size:25px;}
.cs-contact-col h5{font-size:19px;}
.cs-contact-col p {margin: 0;padding: 0;text-align:center;font-size: 14px;line-height: 26px;color: #373636;}
.cs-contact-col a {color: #373636;}
.cs-contact-col a:hover {color: #C6A47E;}
@-webkit-keyframes flipInX { 
    0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 
    40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 
    70% { -webkit-transform: perspective(400px) rotateX(10deg); } 
    100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 
} 
@keyframes flipInX { 
    0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 
    40% { transform: perspective(400px) rotateX(-10deg); } 
    70% { transform: perspective(400px) rotateX(10deg); } 
    100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 
} 
.cont_icon {margin-bottom:20px;}
.cont_icon img{width:60px;height:60px;object-fit:cover;}
.flipInX.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; }
.hexagon {text-align: center;padding-top: 15px;margin: auto;margin-bottom: 50px;}
.hexagon {width: 100px;height: 60px;background: #1A1A1A;position: relative;margin-bottom: 50px;padding-top: 5px;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hexagon:before {content: " ";position: absolute;top: -25px;left: 0;width: 0;height: 0;border-left: 50px solid transparent;
border-right: 50px solid transparent;border-bottom: 25px solid #1A1A1A;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hexagon:after {content: "";position: absolute;bottom: -25px;left: 0;width: 0;height: 0;border-left: 50px solid transparent;
border-right: 50px solid transparent;border-top: 25px solid #1A1A1A;-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.hexagon span {color: #ffffff;text-align: center;line-height: 1;font-size: 30px;}
.main_contact_left input{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ddd;background:transparent;}
.main_contact_left textarea{width:100%;height:120px;resize:none;padding:10px;margin-bottom:10px;border:1px solid #ddd;background:transparent;}
.main_contact_left_btn{margin-top:10px;text-align:center;}
.main_contact_left input[type=submit]{width:auto;margin:auto;cursor:pointer;background-color: #1c1f26;border:1px solid #1c1f26;color:#fff;padding:10px 40px;}
.main_contact_right{margin:10px 0px;}
.main_contact_right iframe{width:100%;height:350px;}
/*main_about*/
.main_about{width:100%;padding:80px 0px;}
.main_about_left img{width:100%;height:auto;}
.main_about_right h6 {color: #808080;font-size: 18px;margin-bottom:0px;}
.main_about_right h1{ margin-top:0px;}
.main_about_right2{margin-top:20px;}
/*main_career*/
.main_career{width:100%;padding:40px 0px;}
.main_career_bx{width:100%;margin-bottom: 30px;border-bottom:0px solid #f7ebeb;padding: 20px;box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.2);}
.main_career_bx_menu{margin-bottom:10px;}
.main_career_bx_menu ul{margin:0px;}
.main_career_bx_menu ul li{list-style:none;display:inline-block; font-size: 14px;margin-right:10px;margin-bottom:10px;}
.main_career_bx_menu ul li span{padding-left:5px;padding-right:1px;font-weight:bold;font-size: 14px;color: #a2a2a2;}
.main_career_bx_menu ul li i{color: #a2a2a2;}
.main_career_p_ico p{  font-size: 13px;margin-bottom:2px;position: relative;padding-left: 15px;}
.main_career_p_ico p:before {content: "\f00c";color: #000;font-size: 10px;font-family: "fontawesome";font-weight: 400;
position: absolute;left: 0px;top: 3px;}
/*main_pro_inn*/
.main_pro_inn{width:100%;padding:50px 0px;}
.tabs_wrapper {width: 100%;text-align: center;background: transparent;}
.tab_content p{ }
.tab_container h3{text-transform:uppercase;font-size:16px;}
ul.tabs {background: #f1f1f1;height:auto;display: inline-block;text-transform:uppercase;vertical-align: top;position: relative;z-index: 10;margin: 0px 0 0;
padding: 0px 0px;width: 23%;min-width: 175px;list-style: none;-ms-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);}
ul.tabs li {margin: 0;position:relative;cursor: pointer;padding:10px;line-height: 2;color: #242424;text-align: left;font-weight: bold;
background-color: #F1F1F1;-ms-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;border-bottom: 1px solid #ccc;font-size: 12px;}
tabs li :before {content: '';position: absolute;top: 50%;left: 0;background: #222;width: 15px;height: 1px;
-webkit-transform: translateY(-50%);transform: translateY(-50%);}
ul.tabs li:hover {background: #004a6f;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );
color: #242424;-ms-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;color:#fff;}
ul.tabs li.active {background: #004a6f;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );
color: #dddddd;-ms-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;}
.tab_container { display: inline-block;vertical-align: top;position: relative;z-index: 20;left: 0%;width: 70%;min-width: 10px;text-align: left;background: white;border-radius: 0px;}
.tab_content {padding: 20px; height:auto;display: none;}
.tab_drawer_heading {display: none;}

.main_product h1 {color: #242424;font-weight: 600;font-size: 28px;line-height: 1em;}
.main_product h1:after {content: '';width: 40px;height: 2px;display: inline-block;background: #004a6f; margin-left: 30px;}
.tab_container h2{ text-align:center;text-transform:uppercase;font-weight:500;margin: 0;margin-bottom: 20px;}
.tab_container img{width:100%;height:auto;object-fit:cover;margin-bottom:20px;}
.hd_title{background:#004a6f;padding:10px 0px;}
.hd_title_box{text-align:center;    padding: 20px 0px;}
.hd_title_box h2{margin: 0;color: #fff;}
.tabs p{text-align:center;background:#004a6f;padding:5px 0px;color:#fff;}
.cont_img img {width: 100%;height: auto;}
.cont_img2 img{ width: 100%;height: 250px;object-fit:cover;}
.cont_img2{margin-bottom:15px;}
.p_ico p{  font-size: 15px;margin-bottom:2px;position: relative;padding-left: 15px;}
.p_ico p:before {content: "\f00c";color: #000;font-size: 10px;font-family: "fontawesome";font-weight: 400;
position: absolute;left: 0px;top: 3px;}
.tabs_wrapper h4,.tabs_wrapper  h3{margin:10px 0px;}
.tabs_wrapper h2{margin:20px 0px;}
/*pwht_menu*/
.pwht_menu{width:100%;background:#fafafa;background: #f5efef;}
.pwht_menu p{text-align:center;margin:0px;background:#004a6f;color:#fff; padding: 10px 0px;margin-bottom:10px;}    
.pwht_menu ul{margin:0px;}
.pwht_menu ul li{list-style:none;}
.pwht_menu ul li a{text-decoration:none;color:#000;font-size:15px;display:block;padding:5px;transition:.2s;}

#menu-conventional-ndt li a:hover, #menu-conventional-ndt li.current-menu-item  a {    color: #fff;background-color: #004a6f;}
#menu-advanced-ndt li a:hover, #menu-advanced-ndt li.current-menu-item  a {    color: #fff;background-color: #004a6f;}
#menu-pwht-menu li a:hover, #menu-pwht-menu li.current-menu-item  a,#menu-ir-menu li a:hover, #menu-ir-menu li.current-menu-item  a,#menu-ibr-menu li a:hover, #menu-ibr-menu li.current-menu-item  a,#menu-tube-inspection-menu li a:hover, #menu-tube-inspection-menu li.current-menu-item  a 
{    color: #fff;background-color: #085db9;}

.apply_now {    background: #0f366e;    color: #fff;    padding: 8px 40px;    text-transform: uppercase;    font-size: 15px;    margin-top: 10px;    display: inline-block;}
.apply_now:hover, .apply_now:focus {    background: #2078f7;    color: #fff;    text-decoration: none;}

#careerfrm input::placeholder{font-size:14px;}
#careerfrm .modal-content{border-radius: 0}
#careerfrm input, #careerfrm textarea {    border: none;    border: 1px solid #ddd;    padding: 7px 10px;    margin-bottom: 15px;    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;    background-color: #efefef;    width: 100%;}
#careerfrm input[type="checkbox"]{width:auto;}
#careerfrm .modal-header {display: inline-block;border-radius: 0;  background: #0f366e;    border: none;    padding: 5px 0px;    text-align: center;    color: #fff;}
#careerfrm .modal-header h4{color:#fff;text-transform:uppercase;}
#careerfrm .modal-dialog{width:80%; max-width:800px;}
#careerfrm input[type=submit],#careerfrm .btn-default {    background: #0f366e !important; float:left;   width: auto;    padding: 10px 30px;    color: #fff;    border: none;  font-size: 15px;    text-transform: uppercase;}
#careerfrm .btn-default{background:#4c8fef !important;}
#careerfrm button.close {    -webkit-appearance: none;    padding: 0;    cursor: pointer;    background: transparent;    border: 0;    position: absolute;    z-index: 9999;    top: 15px;    right: 15px;    background: #135dc7;   opacity: 1;    color: #fff;    font-weight: 100;    width: 40px;    height: 46px;   font-size: 24px;}

.pwhttt img{width:100%;height:auto; margin-bottom:20px;}
.page-content{padding:30px 40px;min-height:35vh;}
.newsletterr{background: #004a6f;    display: inline-block;   width: 100%;    padding: 20px 0px;}
.newsletterr label{ width:14%;float:left; color:#fff !important; margin-right:1% !important;}
.newsletterr input{  width:60% !important;float:left; margin-right:1% !important;}
.newsletterr input[type="submit"]{ width:20% !important;float:left; }
.tnp-subscription {    display: inline-block !important;  margin: 0 !important;    max-width: 1170px !important;   width: 100% !important;}
.tnp-field label {    text-align: right;    font-size: 20px !important;    font-family: 'Alatsi', sans-serif;    font-weight: 500 !important;    text-transform: uppercase;}
.tnp-subscription input.tnp-submit {    background-color: #0d1e2d;    max-width: 120px;    color: #fff;    cursor: pointer;}
.tnp-subscription input.tnp-submit:hover {    background: #1aa4e8;}
.tnp-subscription input[type=text], .tnp-subscription input[type=email], .tnp-subscription input[type=submit], .tnp-subscription select {    height: auto !important;}
.newsletterr h4{    text-align: center;    color: #fff;}
.top_menu_left img{max-height: 50px;    background: #fff;    padding: 5px;margin-right:10px;}

.main_awards{padding:30px 0px 40px;}
.single-gallery-img a {    position: relative;    display: block;    cursor: url(../images/icon_zoomin.png) 24 24, auto;}
.single-gallery-img:hover a::before {    opacity: 1;    visibility: visible;}
.single-gallery-img a::before {    content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgb(0, 74, 111,0.7);   opacity: 0;    visibility: hidden;    transition: all 0.3s ease-in-out;}
 .single-gallery-img{   background: #fff;    padding: 0;    margin-bottom: 25px;    text-align: center;    color: #fff;    border: 1px solid #ddd;}
.single-gallery-img img {    width: 100%;height: 300px;    object-fit: contain;}
.single-gallery-img h4{    color: #fff;    text-align: center;    padding: 5px;    font-size: 18px;background: #004a6f;    margin: 0;}
.whatsapp .whats {    z-index: 12;    position: fixed;    right: 0;    bottom: 5%;    background: #25d366;    color: #fff;    height: 50px;    width: 50px;    text-align: center;    padding: 10px 0;    font-size: 32px;    border-radius: 50%;}

.irclasscont img{max-width:100%;height:auto; width:auto;}

.irclasscont ul{list-style:none;}
.irclasscont ul li:before {    content: "\f124";    color: #000;    font-size: 14px;    font-family: "fontawesome";    font-weight: 300;    margin-right: 7px;    display: inline-block;    position: relative;}
.tube_crew img{    float: left;    padding: 0px 10px;}
.tube_crew h4{    margin-top: 30px;}
.viewmore a{    color: #fff !important;    padding: 5px 10px !important;    background-color: #004a6f;    width: auto !important;    max-width: 76px;}


.section.portfolio .filters {  text-align: center;  margin-top: 30px;}
.section.portfolio .filters ul {  padding: 0;}
.section.portfolio .filters ul li { width: 100%;   font-weight: 900;    color: #13287e; text-align: left;   font-size: 14px;  list-style: none;  display: inline-block;  padding: 10px 12px;  cursor: pointer;  position: relative;}
.section.portfolio .filters ul li:after {  content: "";  display: block;  width: calc(0% - 60px);  position: absolute;  height: 2px;  background: #333;  transition: width 350ms ease-out;}
.section.portfolio .filters ul li:hover:after {  width: calc(100% - 60px);  transition: width 350ms ease-out;}
/*.section.portfolio .filters ul li.active:after {  width: calc(100% - 60px);}*/
.section.portfolio .filters ul li.active{    background: #13287e;    color: #fff;    font-weight: 500;}
.section.portfolio .filters-content {  margin-top: 20px;}
.section.portfolio .filters-content .show {  opacity: 1;  visibility: visible; transition: all 350ms;}
.section.portfolio .filters-content .hide {  opacity: 0;  visibility: hidden;  transition: all 350ms;}
.section.portfolio .filters-content .item {  text-align: center;  cursor: pointer; margin-bottom: 30px;}

.section.portfolio .single-gallery-img h4 {font-size: 13px;font-weight: 500;font-family: 'Open Sans', sans-serif;line-height: 20px;}


.award_cate a{    width: 100%;    background: #004a6f;    padding: 10px;    display: inline-block;    margin-bottom: 30px;}
.award_cate a h4{background: #004a6f;min-height: 86px;    color: #fff;    font-weight: 300;    text-align: center;    padding: 20px 10px;    border: 1px dashed #fff;    margin: 0;    font-size: 17.5px;}

#crumbs{    font-family: 'Alatsi', sans-serif;  font-size: 20px;text-transform: uppercase;  color: #fff;}
  #crumbs a{color: #fff;}

.servthumb img{    height: 240px;
  object-fit: cover;
}

@media screen and (max-width: 781px) {
ul.tabs {display: none;}
.tab_container { display: block;margin: 0 auto;width: 95%;border-top: none;border-radius: 0;box-shadow: 0px 0px 10px black; }
.tab_drawer_heading {color: #222;background: #F1F1F1; border-bottom: 1px solid #222; margin: 0;padding: 5px 20px; display: block; cursor: pointer; -webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none;text-align: center;}
.tab_drawer_heading:hover {color:#fff;background: #004a6f;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0046', endColorstr='#fb0f56',GradientType=0 );color: #242424;-ms-transition: all .3s ease; -webkit-transition: all .3s ease;transition: all .3s ease;}
.d_active {background: #004a6f;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c001e', endColorstr='#9f0735',GradientType=0 );  color: #dddddd;-ms-transition: all .3s ease;-webkit-transition: all .3s ease; transition: all .3s ease;}
  .top_menu{    display: none;}  
   .logo img {    width: 60% !important;}
.menu-mobile {    color: #00496d;    margin-top: -42px;    padding: 0;}
.menu-dropdown-icon:before {    padding: 6px 10px !important;    background: #00496d;    color: #fff;}
.menu > ul > li a {    padding: 8px 12px;}


}

@media screen and (max-width: 1599px) and (min-width: 1400px) {
    .menu > ul > li a{    padding: 10px 5px;    font-size: 11px;}
}

@media screen and (max-width: 1399px) and (min-width: 1300px) {
    .menu > ul > li a{    padding: 10px 5px;    font-size: 10px;}
}

@media screen and (max-width: 1299px) and (min-width: 1080px) {
    .menu > ul > li a{    padding: 10px 3px;    font-size: 9px;}
}