@font-face {
    font-family: 'FuturaPTBook';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/FuturaPTBook.woff') format('woff');
}

:root {
    --active-link-color: #000;
    --link-color: #02455F;
    --futura-book: 'FuturaPTBook';
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}
body{
    padding-right: 0px !important;
}
p{
    font-family: var(--futura-book);
}
a {
    text-decoration: none;
}

/* Starts header */
nav{
    font-family: var(--futura-book);
    font-size: 1rem;
    box-shadow: 0px 3px 3px #00000029;
    z-index: 99;
}
.navbar-brand {
    width: 180px;
    padding: 0px;
}
.navbar-brand img {
    width: 100%;
}
.navbar .nav-item .nav-link {
    color: #02455F;
    font-size: 18px;
    padding: 5px 10px;
    position: relative;
    z-index: 2;
    font-family: var(--futura-book);
}
.domain_submenu .icon-label,
.service_submenu .icon-label{
    color: #02455F;
    font-size: 1rem;
    z-index: 2;
    font-family: var(--futura-book);
}

.navbar-expand-lg .navbar-nav {
    justify-content: space-between !important;
}

  .homeTab::before, .homeTab::after {
    box-sizing: inherit;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
  }

  .menu-whitebg {
    background: rgba( 255, 255, 255, 1 );
  }
  .draw,
  .drawblue {
    transition: color 0.55s;
  }
  .draw::before,
  .drawblue::before {
    background-color: #00ADEE;
    height: 5px;
    width: 0;
    left: 0;
    bottom: -2px;
    border: 2px solid #00ADEE;
    width: 100%;
    height: 0;
    transform: skew(-40deg, 0deg);
  }
  .draw::before,
  .drawblue::before {
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
  }
  
/* navbar */
.offcanvas-backdrop.show{
    opacity: 0;
}
.offcanvas.show,
.offcanvas.showing {
    top: 59px;
    height: 236px;
    transition: all .5s ease-in-out;
}
.offcanvas.hiding {
    top: 0px;
    height: 0px;
    transition: all .5s ease-in-out;
} 

.offcanvas_btn,
.offcanvas_btn:hover{
    width: 12%;
    height: 9vh;
    background-color: transparent;
    border: none;
}

.slideup, .slidedown {
    max-height: 0;            
    overflow-y: hidden;
    -webkit-transition: max-height 0.8s ease-in-out;
    -moz-transition: max-height 0.8s ease-in-out;
    -o-transition: max-height 0.8s ease-in-out;
    transition: max-height 0.8s ease-in-out;
}
.navmain{
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}
.progress-container {
    height: 10px;
    width: 100%;
  }
  
  .progress-bar {
    background-color: #80D7F7;
    height: 3px;
    width: 0%;
  }
  
@media only screen and (max-width: 600px) {
    html{
        font-size: 70%;
    }
    .domain_submenu,
    .service_submenu{
        border: none;
    }
    .dropdown-menu .tab_img{
        width: 2rem;
        height: 100%;
    }
    .tab_img img{
        width: 100%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 991px){
    .domain_submenu,
    .service_submenu{
        border: none;
    }
    .dropdown-menu .tab_img{
        width: 2rem;
    }
}

@media (min-width: 992px){
    nav{
        box-shadow:none;
    }
    .navshadow{
        box-shadow: 0px 3px 3px #00000029;
    }
    .navbar .nav-item .nav-link{
        color: #fff;
    }
    .navbar .nav-item .nav-linkscroll{
        color: #02455F;
    }
    .navbar-brand {
        width: 254px;
        padding: 0px;
    }
    .navmain1{
        background-color: #00ADEE !important;
    }
    .navbar {
        background-color: transparent !important;
    }
    .navbar-expand-lg .navbar-nav {
        width: 85% !important;
    }
    
    nav.scrolled {
        background: #fff !important;
        padding-top: 5px;
      }

    .dropdown-menu .dropdown-item {
        padding: 0.25rem 0;
    }
    .navbar-brand {
        width: 285px;
        padding: 0px;
    }
    .dropdown-menu .tab_img img {
        height: 100%;
    }
    .draw::before{
        bottom: -7px;
    }
    .draw::before {
        border: 1.9px solid #fff;
    }
    .drawblue::before{
        bottom: -18px;
    }
    .drawblue::before {
        border: 2.7px solid #00ADEE;
    }
    
/* Navbar submenu code */
.dropdown-menu .tab_img{
    width: 2rem;
    height: 1.375rem;
}
#navbarSupportedContent > ul > li:nth-child(3) > ul > div > li:nth-child(3) > a > div > div.d-flex.justify-content-center.tab_img{
    width: 37px;
}
#navbarSupportedContent > ul > li:nth-child(3) > ul > div > li:nth-child(4) > a > div > div.d-flex.justify-content-center.tab_img{
    width: 22px;
}
#navbarSupportedContent > ul > li:nth-child(3) > ul > div > li:nth-child(5) > a > div > div.d-flex.justify-content-center.tab_img{
    width: 22px;
}
.dropdown-menu .icon-label{
    font-family: var(--futura-book);
    font-size: 0.8rem;
}
.domain_submenu{
    left: -311px !important;
}
.service_submenu {
    left: -339px !important;
    width: 45rem !important;
    padding: 0.5rem 1rem;
}
.service_submenu::before {
    content: '';
    position: absolute;
    top: -6px;
    left: 373px !important;
    width: 11px;
    height: 11px;
    background-color: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}
.domain_submenu::before{
    content: '';
    position: absolute;
    top: -6px;
    left: 344px !important;
    width: 11px;
    height: 11px;
    background-color: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;

    background: rgba( 255, 255, 255, 0.25 );
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border: 1px solid rgba( 255, 255, 255, 0.18 );
}
.dropdown-menu {
    box-shadow: 0px 0px 4px 2px #00000029;
    border-radius: 5px;
    left: -240px;
    width: 45rem;
}
.dropdown-menu::before{
    content: '';
    position: absolute;
    top: -6px;
    left: 292px;
    width: 11px;
    height: 11px;
    background-color: #fff;
    transform: rotate(45deg);
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.dropdown:hover .dropdown-menu {
    display: flex;
    margin-top: 0.125em;
    left: -254px;
    border-radius: 10px;
    border: 1px solid rgba( 255, 255, 255, 0.18 );
  }
  .demo_dropdown{
    width: 38rem !important;
  }
}
@media (min-width: 1200px){
    .demo_dropdown{
        width: 43rem !important;
      }
    .dropdown-menu {
        width: 50rem;
    }
    .service_submenu{
        width: 50rem !important;
    }
}
@media print and (orientation: portrait)  {
  .navmain {
    position: static;
      }
      footer{
        margin-top: 35px;
      }
}
@media print and (orientation: landscape)  {
    .navmain {
      position: static;
        }
}