@font-face {
    font-family: robotoBlack;
    src: url(../fonts/Roboto-Black.ttf);
}

@font-face {
    font-family: robotoBold;
    src: url(../fonts/Roboto-Bold.ttf);
}

@font-face {
    font-family: robotoLight;
    src: url(../fonts/Roboto-Light.ttf);
}

@font-face {
    font-family: robotoMedium;
    src: url(../fonts/Roboto-Medium.ttf);
}

@font-face {
    font-family: robotoRegular;
    src: url(../fonts/Roboto-Regular.ttf);
}

@font-face {
    font-family: robotoThin;
    src: url(../fonts/Roboto-Thin.ttf);
}
textarea{resize: none;}
.shows {
    display: block;
  }
body {
    background-color: #fff;
    font-family: robotoLight;
    color:#666;
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6{font-family: robotoBold; color:#222;}

/*bg color*/
.bg-blue{background-color: #0086b7;}
.bg-dark{background-color: #343a40;}
/* .bg-light{background-color: #f9fbff;} */

/*font*/
.f12{font-size: 0.75rem;}
.f14{font-size: 0.875rem;}

/*button*/
.btnprimary{background: #0086b7; color:#fff; border-radius: 50px; padding-left:1rem; padding-right:1rem;}
.btnprimary:hover{background: #222; color:#fff;}

/*height100vh*/
.h-100vh{height: 100vh;}

/*heading separators*/
.separator .border{border-bottom:2px solid #0086b7 !important; border-right:0 !important; border-top:0 !important; border-left:0 !important;}

/*owl*/
.owl-carousel .owl-nav{width: 100%; text-align: center; bottom: 20px;}
.owl-carousel .owl-nav button{padding: 0px 10px !important; background: #0086b7 !important; margin: 0 5px; font-size: 30px !important; border-radius: 4px; color: #fff !important;}
.owl-carousel .owl-item img {display: inline-block; width: auto;}
.owl-carousel button.disabled{background:#0086b7 !important; cursor:not-allowed !important; color:#0086b7 !important;}

/*============= header =============*/
.bg1{background: url('../images/bg2.jpg') top center no-repeat; background-size: cover; background-attachment: fixed;}
header .dvTopbar{background: #222; color:#fff;}
header a{color:#fff;}
header a:hover{color:#999;}
header .navbar{padding:0;}
header .opacity{background: rgba(0,0,0,0.5); height:100%;}
header .navbar-collapse{background:#222;}
header .slide{padding:180px 15px 90px 15px;}
header .owl-carousel .owl-nav{position: absolute;}
header .navbar-light .navbar-nav .nav-link{color:#fff;padding: .5rem 1rem; border-bottom: 1px solid #444; background-color: #222;}
header .navbar-light .navbar-nav .nav-link:hover{color:#fff; background-color: #000;}
header .navbar-light .navbar-nav .active>.nav-link, 
header .navbar-light .navbar-nav .nav-link.active, 
header .navbar-light .navbar-nav .nav-link.show, 
header .navbar-light .navbar-nav .show>.nav-link{color:#fff; background:#0086b7; font-weight: 600;}

.dvStory .text-blue{color:#0086b7;}

.dvProvide i{font-size: 50px; color: #0086b7;}

.dvCount{background: url('../images/count.jpg') no-repeat top center; background-size: cover; background-attachment: fixed;}
.dvCount i{font-size: 40px; color: #fff;}
.dvCount p{font-size: 50px; font-family: robotoBold; color: #fff;}
.dvCount p + p{font-family: robotoLight; font-size: 1.2rem;}
.dvCount h1{color: #fff;}
.dvCount .opacity{background: rgba(0,0,0,0.8); height:100%;}

.dvSlider{height: 100vh;}
.dvSlider .owl-carousel{height:100vh;}
.dvSlider h1{font-size: 1.5rem;}
.dvSlider .slide img{width: 50%;}

footer{background:#222;}

.dvBackground{margin-top:86px; background-color: #000;}

/* .dropdown:hover>.dropdown-menu {
    display: block;
  }  
  .dropdown>.dropdown-toggle:active {
      pointer-events: none;
  } */

@media(min-width:576px){
    header .slide{padding:130px 15px 30px 15px;}
    header .navbar-collapse{background:none;}
    .dvBackground{margin-top:37px;}
}

@media(min-width:768px){
    header .slide{padding:130px 15px 90px 15px;}
    .dvSlider h1{font-size: 2.5rem;}
    .dvSlider .slide img{width: auto;}
}

@media(min-width:992px){
    header .slide{padding:140px 15px 90px 15px;}
    header .navbar-light .navbar-nav .nav-link{border-bottom: 1px solid transparent; background-color: transparent;}
    header .navbar-light .navbar-nav .active>.nav-link, 
    header .navbar-light .navbar-nav .nav-link.active, 
    header .navbar-light .navbar-nav .nav-link.show, 
    header .navbar-light .navbar-nav .show>.nav-link{border-radius: 4px;}
}

@media(min-width:1200px){
    header .slide{padding:0 15px; height:100vh;}
    
}