/* bootstrap 4 fixing */
.navbar {
  padding: 0px;
}
.navbar-nav>li>a {
  padding: 15px;
}
.nav>li>a {
  position: relative;
  display: block;
  padding: 15px 15px;
}
.menugradient{
  margin: 0px 0 0 -3px !important;
}
/* .carousel-inner>.item>a>img , .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img */
.carousel-inner>.item>img{
  display: block;
  max-width: 100%;
  height: auto;
}
.btn-primary, .btn-primary:hover {
  color: #fff;
  background-color: #0070BC;
  border-color: #0070BC;
}
.text-primary {
  color: #0070BC!important;
}
/* end */

h1,h2,h3,h4,h5{
  font-family: 'Titillium Web', sans-serif !important;
}
html *
{
  font-family: 'Titillium Web', sans-serif !important;
}
.fa
{
  font-family: 'FontAwesome', sans-serif !important;
}
.navbar{
  font-family: 'Titillium Web', sans-serif !important;
  min-height: 94px;
  background-color: #fff;
  margin-bottom:0px; 
  border: 0px;
}
.navbar-header{
  z-index:9999;
  min-height: 94px;
  background-color: #fff;
  margin-bottom:0px; 
  border: 0px;
}
@media (min-width: 901px) {
.shape1 {
  position: absolute;
  width: 55px;
  height:94px;
  margin-left: 730px;
  -webkit-transform: skew(-38deg);
     -moz-transform: skew(-38deg);
       -o-transform: skew(-38deg);
  background: #E78000;
}
.shape2 {
  width: 65px;
  height: 94px;
  -webkit-transform: skew(-39deg);
     -moz-transform: skew(-39deg);
       -o-transform: skew(-39deg);
  background: #f8f9fa;
}
.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    font-weight: bold;
}
.navbar-nav{
  background: #0070BC;
  height:100%;
  margin:0 0 0 100px;
  text-align:center;
}
.navbar-nav ul{
  min-height: 94px;
  list-style-type:none;margin:0;padding:0;margin-right:1px;
}
.navbar-nav li{
  padding:19px 0px 14px 0px;
  min-height: 94px;
  display:inline-block;
  margin:0 2px;
}
footer li a{
  color:#A4A4A4 !important;
}
  .hov, .hovy, .hovz {
    display:inline-block;
    transition: background 0.2s;
    transform: skew(-39deg);
  }
  .hov a {
    display:block;
    text-decoration:none;
    padding:0px 0px;
    transform: skew(39deg);
  }
  .hov:hover{
    color:#fff;
    background:#E78000;
  }
  .hovx{
    width: 105px;
    background:#fff;
    margin-left: -100px;
    margin-right:-10px;
    padding-right:-10px;
  }
  .hovy{
    width: 38px;
    background:#E78000;
  }
  .hovz{
    width: 48px;
    background:#0070BC;
  }
  .hov:hover ~ .hovy { 
  }
  .active2{
    color:#fff;
    background:#E78000;
  }
}
@media (max-width: 900px) {
    .toshow{
      display:block !important;
    }
    .tohide{
      display:none !important;
    }
    .css3gradient, .nograd{
      text-align: center;
    }
    .navbar-collapse{
      float: none !important;
    }
    .hi{
      display:none !important;
    }
    .navbar-header {
        float: none !important;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block !important;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        background-color: #0070BC;
    }
    .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        /* display: none!important; */
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none !important;
        font-size: 14px;
        font-weight: bold;
    }
    .navbar-nav>li:hover {
        float: none !important;
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 14px;
        font-weight: bold;
        color: #fff;
    }
    .navbar-default .navbar-nav>li>a:hover {
        font-size: 15px;
        color: #fff;
        background-color: #E78000;
    }
    .collapse.in{
      display:block !important;
    }
    .shape2{
      display: none;
    }
    .carousel-caption>h1 {
      font-size: 16px;
    }
    .pp{
      font-size: 84% !important;
    }
    .carousel-caption{
        bottom:0px !important;
        padding-bottom: 0px;
        top:30%;
    }
    .carousel-caption>h1{
        font-size: 84% !important;
    }
    .caption-right{
        margin-top:-90px !important;
    }
    .menugradient{
     background-color:#0070bc !important;
     filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#0070bc, endColorstr=#0070bc) !important;
     background-image:-moz-linear-gradient(left, #0070bc 84%, #0070bc 100%) !important;
     background-image:-webkit-linear-gradient(left, #0070bc 84%, #0070bc 100%) !important;
     background-image:-ms-linear-gradient(left, #0070bc 84%, #0070bc 100%) !important;
     background-image:linear-gradient(left, #0070bc 84%, #0070bc 100%) !important;
     background-image:-o-linear-gradient(left, #0070bc 84%, #0070bc 100%) !important;
     background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(84%,#0070bc), color-stop(100%,#0070bc) !important);
    }
}
    .caption-right{
        top:20% !important;
        left:60% !important;
        right:0% !important;
    }
.css3gradient{
   background-color:#00b0bc;
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00b0bc, endColorstr=#0070bc);
   background-image:-moz-linear-gradient(bottom, #00b0bc 15%, #0070bc 100%);
   background-image:-webkit-linear-gradient(bottom, #00b0bc 15%, #0070bc 100%);
   background-image:-ms-linear-gradient(bottom, #00b0bc 15%, #0070bc 100%);
   background-image:linear-gradient(bottom, #00b0bc 15%, #0070bc 100%);
   background-image:-o-linear-gradient(bottom, #00b0bc 15%, #0070bc 100%);
   background-image:-webkit-gradient(linear, left bottom, left top, color-stop(15%,#00b0bc), color-stop(100%,#0070bc));
}
.menugradient{
   background-color:#0070bc;
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#0070bc, endColorstr=#00b0bc);
   background-image:-moz-linear-gradient(left, #0070bc 84%, #00b0bc 100%);
   background-image:-webkit-linear-gradient(left, #0070bc 84%, #00b0bc 100%);
   background-image:-ms-linear-gradient(left, #0070bc 84%, #00b0bc 100%);
   background-image:linear-gradient(left, #0070bc 84%, #00b0bc 100%);
   background-image:-o-linear-gradient(left, #0070bc 84%, #00b0bc 100%);
   background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(84%,#0070bc), color-stop(100%,#00b0bc));
}
.bordergradient{
   width:auto;
   height: 40px;
   background-color:#0070bc;
   filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#0070bc, endColorstr=#00b0bc);
   background-image:-moz-linear-gradient(right, #0070bc 23%, #00b0bc 100%);
   background-image:-webkit-linear-gradient(right, #0070bc 23%, #00b0bc 100%);
   background-image:-ms-linear-gradient(right, #0070bc 23%, #00b0bc 100%);
   background-image:linear-gradient(right, #0070bc 23%, #00b0bc 100%);
   background-image:-o-linear-gradient(right, #0070bc 23%, #00b0bc 100%);
   background-image:-webkit-gradient(linear, right bottom, left bottom, color-stop(23%,#0070bc), color-stop(100%,#00b0bc));
}
.bread{
   font-weight: bold;
   padding:2px;
   color:#fff;
   width:auto;
   height: 70px;
   background-color:#E78000;
}
.toshow{
  display:none;
}
.btn-outline {
    padding:5px 10px 5px 10px; 
    font-size:14px;
    font-weight: bold;
    border: 2px solid #A4A4A4;
    color: #A4A4A4;
    background-color: #fff;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
  }
  .slick-next:before, .slick-prev:before {
      color: #A4A4A4;
  }

  .slick-next, .slick-prev {
    /* top: 35%; */
  }

  .slick-track{
    display: flex;
    align-items: center;
  }