@font-face {
  font-family: 'ZapfHumnstthin';
  src: url('https://static1.squarespace.com/static/5d8d7752b86647459c7ef281/t/5d8d8e33ab02b674c05244e3/1569558069097/TT0015M.TTF')
}

h1 {
  font-family: 'ZapfHumnstthin'
}

@font-face {
  font-family: 'ZapfHumnstmedium';
  src: url('https://static1.squarespace.com/static/5d8d7752b86647459c7ef281/t/5d8d8e60b01e692e31e6b275/1569558114256/TT0134M.TTF')
}


html,body {
  font-family: 'ZapfHumnstthin';
  overflow-x: hidden;
  letter-spacing: .02em;
  font-size: 16px;
}

a,a:hover,a:focus,button,button:focus {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.Aborder-color{color: #292929;border-bottom: 1px solid rgba(41,41,41,.3);}
.Aborder-color:hover{opacity: .5;}
strong{ font-weight: bold;}
img{max-width: 100%;height: auto;}
h1,h2,h3,h4,h5,h6 {
  font-family: 'ZapfHumnstthin';
}
h1 {
  font-weight: 700;
  font-size: 32px;
  line-height: 1em;
  font-weight: 300;
  font-style: normal;
  font-size: 45px;
  letter-spacing: 0em;
  line-height: 1.5em;
  text-transform: none;
}
.section {
  padding: 100px 0;
  position: relative;
}


.bg-overlay {
  background-color: rgba(10, 12, 18, 0.75);
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

::selection {
  background: rgba(166, 175, 189, 0.3);
}

::-moz-selection {
  background: rgba(166, 175, 189, 0.3);
}
.ul-none{padding: 0;list-style-type: none;}


.btn {
  padding: 11px 30px;
  font-size: 14px;
  font-weight: 700;
  transition: all 0.5s;
  letter-spacing: 0.6px;
  box-shadow: none !important;
  text-transform: uppercase;
  outline: none !important;
  border-radius: 0;
}
.submitBnt{width: 100%;}
.submitBnt.btn-primary:hover{color: #000;background-color: #fff;}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active {
  color: #f3f3f3;
}

section {padding: 100px 0px;position: relative;}

.open > .dropdown-toggle.btn-primary {
  color: #f3f3f3;
}

.btn-primary {font-size: 13px;
color: #ffffff;
background-color: #298fc2;
border-color: #298fc2;
font-weight: 400;text-transform: uppercase;
}

.btn-primary:hover{opacity: .8;background-color: #298fc2;border-color: #298fc2;}
.btn-primary.grey{color: #000;background-color: #e8e8e8;border-color: rgba(255,255,255,.01);padding: 4.5px 18px;}
.ccon{padding: 90px 0;}
.ccon h2{margin-bottom: 26px;color: #171717;font-size: 45px;font-weight: 300;line-height: 1.5em;}
.ccon p{font-size: 16px; line-height: 1.6em;color: #292929;}
.ccon .text-blue,.about-video .text-blue{color: #288DC1;font-weight: 800;font-size: 18.7px;line-height: 1.6em;letter-spacing: .02em;}
.ccon .btn-primary,.about-video .btn-primary {margin-top: 18px;}
.info-sec{padding: 30px 0 40px; margin-top: 90px;}

.purpose h3{margin-bottom: 27px;}
.ccon.purpose .btn-primary{margin-top: 60px;}
.footer{background-color: #b5c0c0;padding: 70px 120px;}
.copyright_content {font-size: 12px;color: #000;font-weight: 300;letter-spacing: .15em;}
.menu-search-mob{display: none;}
.header{position: absolute;width: 100%;left: 0;top: 0;z-index: 9999;}
.custom-nav {
  background-color: transparent;
  padding: 30px 0px 0;
  width: 100%;
  border-radius: 0px;
  z-index: 999;
  margin-bottom: 0px;
  transition: all 0.5s ease-in-out;
}
.custom-nav .navbar-nav li a {
  color: #003866 !important;
  font-size: 12px;
  background-color: transparent !important;
 
  text-transform: uppercase;
  padding: 10px 0;
  letter-spacing: 0.05em;
  line-height: 24px;
  transition: all 0.5s;
  font-weight: 100;
  position: relative;
}
.custom-nav .navbar-nav li a:hover, .custom-nav .navbar-nav li .submenu li a:hover,.navbar-nav li.active a{color: #298fc2 !important;}
.custom-nav .navbar-nav li {position: relative; margin: 0 15px;}
.custom-nav .navbar-nav li .submenu{top:25px;left: 0;list-style: none;
  position: absolute;
  width: 220px;
  height: 0;
  padding: 10px 0 0;
  z-index: -1;
  opacity: 0;
  overflow: hidden;
  -webkit-transform: translate(0px, -15px);
  -moz-transform: translate(0px, -15px);
  transform: translate(0px, -15px);
  transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;}
  .custom-nav .navbar-nav li:hover .submenu{z-index: 9;
    opacity: 1;
    height: auto;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    overflow: visible;}
.custom-nav .navbar-nav li .submenu li {margin: 0;line-height: 22px;} 
.custom-nav .navbar-nav li .submenu li.back-close{display: none;}   
.custom-nav .navbar-nav li .submenu li a{color: #003866 !important;padding: 5px 0;line-height: 22px; }    
.custom-nav .logo .logo-light {height: 72px;}

.custom-nav .navbar-toggler {padding: 0px;}

.navbar-collapse .closebtn {position: absolute;top: -7px;right: 5px;font-size: 36px;display: none;}
.navbar-collapse .closebtn:hover{color: #ddd;}

.section.home-video{padding: 270px 0;}
.home-video h1 { color: #003866;}

.home-video ul{list-style-type: none;padding: 0;}
.home-video ul li{margin-bottom: 126px;}
.home-video ul li:last-child{margin-bottom: 0px;}
.home-video ul li a{font-weight: bold;color: #404040;font-size: 16px;text-decoration: underline !important;}
.home-video .container{position: relative;}
.container-video {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.about-video{padding: 120px 0 200px;}
@keyframes blinker {
  70% {
    opacity: 0;
  }
}
.back_top {
  width: 50px;
  height: 50px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  font-size: 25px !important;
  line-height: 33px;
  color: #fff;
  cursor: pointer;
  padding: 10px 10px 10px 11px;
  border-radius: 80%;
  box-shadow: 1px 1px 5px #c9c9c9 !important;
  background-color: #288dc1;
  text-align: center;
}
.back_top:hover {
  background-color: #c9c9c9;
}
.back_top img {
  filter: invert(1);
  transition: all 0.5s;
}

.box-section h2 {
  color: #288DC1;
  font-size: 18.7px;
  font-weight: 800;
  margin-bottom: 40px;
  margin-top: 26px;
}
.box-section p { margin-top: 40px;}
.ccon.what-we-do{padding-bottom: 0px;}
.what-we-do ul {padding-left:40px; margin-bottom: 0;}
.what-we-do ul li{padding: 0 0 10px 0;}
.dark.hr{background-color: rgba(0, 0, 0, .5);}
.hr{max-width:728px;width:100%;margin:30px auto;height:1px; background-color:#ccc;}
section.img-section{padding:30px 0 180px;}
section.ccon.gif-section h3.text-blue { margin: 32px 0 36px;}
.industries-section .industries-box h2{font-size: 16px;color: #000;font-weight: 800;text-align: center;margin-top: 10px;}
.industries-section .industries-box {margin-bottom: 75px;text-align: center;}

section.gif-section h2{font-size: 26.7px;color: #288DC1;font-weight: 800;max-width: 950px;width: 100%;}
.diagnostic-section h3 {font-size: 26.7px;color: #808080; margin-bottom: 105px;}
.diagnostic-section ul {padding: 0;}
.diagnostic-section ul li{display:flex;align-items: center;margin-bottom:25px;}
.diagnostic-section ul li img{height: 81px;}
.diagnostic-section ul li p{margin-left:37px}
.populator ul li{margin-bottom: 5px;}
.red-box ul li{margin-bottom: 8px;}
.iport ul {padding-bottom: 4px;}
.iport ul li{margin-bottom: 10px;}
.maximize p{font-family: 'garamond-premier-pro';font-size: 18px;line-height: 1.6em;}
.insights h2{color: #288DC1;font-weight: 800;font-size: 23.7px;line-height: 1.3em;padding-bottom: 40px;max-width: 245px;width: 100%; margin: auto;}
.insights p{text-align: center;padding-bottom: 40px;}
.insights ul li {margin: 8px 0;}
.insights ul li a{color: #292929;border-bottom: 1px solid rgba(41,41,41,.3);}
.insights ul li a:hover{opacity: .6;}
.insights-section .insights-box {position: relative;margin-bottom: 37px;height: 169px;overflow: hidden;}
.insights-section .insights-box::after {position: absolute;content: "";width: 100%;height: 100%;left: 0;top: 0; background-color: rgba(0, 0, 0, .1);}
.insights-section .insights-box h3 {font-size: 13px;text-transform: uppercase;color: #ffffff;font-weight: 700;z-index: 1;cursor: pointer;
  display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.training h2{color: #288DC1;font-weight: 800;font-size: 23.7px;line-height: 1.3em;padding-bottom: 30px;}
.enquiries h2{color: #288DC1;font-weight: 800;font-size: 18.7px;line-height: 1.6em;padding-top: 90px;max-width: 600px;width: 100%;}
.single-contact-add-info{margin-bottom: 20px;}
.contact-form .min-label,.contact-form .form-group label{color: #808080;font-size: 18px;}
.contact-form .min-label span,.contact-form .form-group label span{font-size: 12px; opacity: .7;margin-left: 8px;}
.contact-form .min-sub .form-group label{color: #808080;font-size: 12px;}
.contact-form .form-group{margin-bottom: 18px;}
.contact-form .form-group .form-control{background-color: #fafafa;border: 1px solid #a9a9a9;box-sizing: border-box;color: #000; height: 46px;padding: 10px;
  position: relative;width: 100%;border-radius: 0;}
  .contact-form .form-group textarea.form-control{ min-height:100px;}
  .contact-btn.btn.btn-primary{font-size: 20px;font-weight: 600;padding: 16px 41px;}
  .careers-but{text-align: end;}
  .careers .careers-ing{background-image: url("../images/callum-wale.jpg");background-attachment: fixed;background-position: top;background-repeat: no-repeat;
    background-size: cover;min-height: 367px;display: flex;justify-content: center; align-items: center;}
  .careers .careers-ing h1{color: #003866;}

  .partner-box{position:relative;margin-bottom:60px}
	.partner-box .partner-info{background-color:#298FC2;max-width:510px;width:100%;padding:20px;
	 position:absolute;top:73px; left:0;}
	.partner-box .partner-info h3{color:#ffffff;font-size:32.3px;font-weight: 500;margin-bottom:25px;}
	.partner-box .partner-info p{color:#ffffff;font-size:13px;font-weight: 400;line-height: 1.2em;}
	.partner-box:nth-child(odd) .partner-info{left:initial; right:0;}
	.partner-box .partner-img{text-align:end;}
	.partner-box .partner-img img{height:308px;}
	.partner-box:nth-child(odd) .partner-img{text-align:left;}
	.partners-infographic h1{text-align:center;max-width:600px;width:100%;margin:0 auto 30px;}

  .membership h2{color: #288DC1;font-weight: 800;font-size: 16px;line-height: 1.6em;}
  .membership .container .row{margin-bottom: 20px;}

  .search-page{padding: 200px 0 100px;}
  .search-page.contact-form .form-group .form-control{padding: 20px 20px 20px 50px;height: 68px;font-size: 30px;color: #808080;}
  .search-page.contact-form .form-group {position: relative;}
  .search-page.contact-form .form-group .search-icon{position: absolute;left: 15px;top: 22px;z-index: 1;}

@media all and (max-width: 991px){
  .container {padding: 0 20px;}
  .custom-nav .container {padding: 0 12px;}
  .header{position: relative;}
  .custom-nav {padding: 16px 0px;}
  .menu-search-mob{display: block;}
  .menu-search-mob img{width: 20px;opacity: .3;}
  .navbar-collapse ul.navbar-nav{width: 100%;padding-top: 30px;}    
  .navbar-collapse {height: 100%; width: 0; position: fixed; top: 0; left: 0; background-color: #e5fff7; overflow-x: hidden; transition: 0.5s; min-width: auto; padding: 0;z-index: 9;}
  .navbar-collapse .closebtn{display: block; z-index: 1; color: #111;}	
  .act-menu .navbar-collapse{width: 100%;}
  .section,.ccon { padding:45px 0;}
  .info-sec{margin-top: 30px;}
  .mdi.mdi-menu img{filter: invert(1);}
  .custom-nav .logo .logo-light { height: 32px;}
  .custom-nav .navbar-toggler {border: none;margin-right: 10px;}
  .header-bg-img {clip-path: none;padding: 0px;background-image: none;}
  .custom-nav .navbar-nav li a {font-size: 42px;line-height: 40px;text-transform: none;margin: 0 0px;padding: 24px 20px;display: block;position: relative;}
  .custom-nav .navbar-nav li a .down-arrow:after {margin-left: 6px;
    content: '\00BB';
    font-family: sans-serif;
    color: rgba(0, 0, 0, .4);
}
.custom-nav.navbar .navbar-nav li ul.submenu{height: 100%; width: 0; position: fixed; top: 0; right: 0;left: auto; background-color: #e5fff7;overflow: initial; overflow-x: hidden; transition: 0.5s; min-width: auto; padding: 0;z-index: 9;
opacity: 1;transform: translate(0px, 0px);}
.custom-nav .navbar-nav li.openSub ul.submenu{width: 100%;}  
.custom-nav .navbar-nav li.openSub ul.submenu .sub-back:before {
  content: '\00AB';margin-right: 3px;
  font-family: sans-serif;
  color: rgba(0, 0, 0, .4);
}
.sub-close{font-size: 30px;}
.custom-nav .navbar-nav li .submenu li{margin: 30px 30px 50px;}
.custom-nav.navbar .navbar-nav li ul .back-close{display: flex;justify-content: space-between;margin: 30px;}
.ccon h1{font-size: 26px;}
  .ccon p{margin: 0 0 10px;}

  .partner-box{margin-bottom:0px}
	.partner-box .partner-img img{width:90%;}
	.partner-box .partner-info{width:90%;position:relative; top: -50px;margin: auto auto auto 0;}
	.partner-box:nth-child(odd) .partner-info{right:initial;margin: auto 0 auto auto;}
  .footer {padding: 70px 30px 90px;}
  
  .BOTS img{width:40% !important;}
  .pb-5 { padding-bottom: 2rem !important;}
  h1,.ccon h2{font-size: 32px;}
  section,.about-video {padding: 50px 0px;}
  .home-video ul li { margin-bottom: 60px;}
  .insights-section .insights-box{ height: 135px;}
  .C2CModel h2{margin-bottom: 40px;}
  .box-section h2{margin-bottom: 20px;}

}

@media all and (max-width: 767px){
.BOTS img{width:80% !important;}
.about-video .container-video{margin-top: 40px;}
.insights-section .insights-box{ height: auto;}
.industries-section .industries-box img{width:60% ;}
.industries-section .industries-box{margin-bottom: 50px;}
.industries-section .industries-box h2{margin-top: 0;}


}