@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot');
  src: url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/fontawesome-webfont.svg#Lato-Heavy') format('svg'),
       url('../fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../fonts/fontawesome-webfont.woff') format('woff'),
       url('../fonts/fontawesome-webfont.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

  
@font-face {
    font-family: 'Oswald-Regular';
    src: url('../fonts/Oswald-Regular.eot');
    src: url('../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Oswald-Regular.ttf') format('truetype');
        
    font-weight: normal;
    font-style: normal;
  }

  @font-face {
    font-family: 'Lato-Regular';
    src: url('../fonts/Lato-Regular.eot');
    src: url('../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Lato-Regular.svg#Lato-Heavy') format('svg'),
         url('../fonts/Lato-Regular.ttf') format('truetype'),
         url('../fonts/Lato-Regular.woff') format('woff'),
         url('../fonts/Lato-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  
  body{margin: 0; padding: 0;  font-family: 'Oswald-Regular'}
  h1,h2,h3,h4,h5{font-family: 'Oswald-Regular'!important; color: #1a4d82;}
  p{line-height:24px; font-family: 'Lato-Regular'; font-size: 18px; color: #1a4d82;}
  .text-dark{color: #1a4d82!important;}
  .blue-bg{background:#1a4d82!important ;}
 a{color:#fff;}
 a:hover{text-decoration: none!important;color:#dc373e}
 .navbar-nav li {padding: 0 20px; font-family: 'Oswald-Regular'!important;font-size:16px;}
 .navbar-nav li a{text-decoration: none!important;}
  .masthead {
    min-height: 600px;
    height:70vh;
    /* background-image: url("../img/bg.png"); */
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
  .carousel-caption .redcol{font-family: 'Oswald-Regular'}

  .masthead2 {
    min-height: 150px;
    height:150px;
    background:#1a4d82;
    
  }
  .mastheadbak {
    min-height: 460px;
    height:60vh;
    background-image: url("../img/ban-com.png");
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
  }
  .dropdown-menu{padding:0;}
  .border-bottom{ border-bottom:1px solid #d4d4d4!important;}

  .nwtext{ background:#fff!important; padding:20px!important; border:1px solid #1a4d82!important; margin-top:10px!important;color: #1a4d82!important; font-size: 18px!important;}
  .navbar {
    transition: all 0.4s;
}

.navbar .nav-link {
    color: #000;
    font-size:14px;
    font-family: 'Teko-Regular'!important;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus {
    color: #000;
    text-decoration: none;
}

.navbar .navbar-brand {
    color: #fff;
}
.carousel-caption {
    position: absolute;
    
    right: 10%;
    top: 40%;
    left: 10%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #000;
    text-align: left;
}

  span.roll {
    background:center center no-repeat #fff;
    height: 100%;
    position: absolute;
    text-align: center;
    line-height: 210px;
    width: 100%;
    z-index: 10;	
  }
   
  /* add the font awesome icon */
   
  .roll:before {
      content: "\f00e"; 
      font-family: 'FontAwesome';
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
  /*--adjust as necessary--*/
      color: #784669;
      font-size: 40px;
      padding-right: 0.5em;
      position: absolute;
      top: 0;
      left: 150px;
  }
  


/* Change navbar styling on scroll */
.navbar.active {
    background: #1a4d82;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    top: 0 !important;
}

.navbar.active .nav-link {
    color: #000;
}

.navbar.active .nav-link:hover,
.navbar.active .nav-link:focus {
    color: #000;
    text-decoration: none;
}

.navbar.active .navbar-brand img {
    width:70%;
    
}
.nw-top .nav-link {margin:0 10px!important;}
.bg-nw-grey{ background:url("../img/bg-abt.png") repeat right bottom}
.bg-nw-grey2{ background:url("../img/bg3.png") no-repeat center top}
.bg-darkfot{ background:url("../img/black-bg.png") repeat right bottom}
.com-input .form-control{ background: #fff; border-radius: 100px;padding:30px;}
.com-input button{-webkit-border-top-right-radius: 100px;
  -webkit-border-bottom-right-radius: 100px;
  -moz-border-radius-topright: 100px;
  -moz-border-radius-bottomright: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;}
.nav-tabs .nav-link.active {
    color: #6e707e;
    background-color: #fff;
    border:1px solid;

    border-color: #54b453 #54b453 #fff;}
.nav-tabs{ border-bottom:1px solid #54b453;}
.bord-col{
    border-color: #54b453!important;}
    .fxnone{top:40px}

    .clickrel{position: relative;top:0; left:0;}
    .clickpos{position:absolute; right:-5px; top:-50px}
    .dropdown:hover .dropdown-menu {
      display: block;
      margin-top: 0; 
   }
   .dropdown-item{font-size: 16px; padding:10px;}
   .dropdown-menu{border-radius: 0;}
     
/* Change navbar styling on small viewports */
@media (max-width: 991.98px) {
   
 
    .navbar.active .navbar-brand img {
        width:70%;
        
    }
    .nav-tabs .nav-link img{width:70px;}
    .lead{font-size:14px;}
    .bg-nw-grey{ background:#eee;}
    .cars-nw img{height: auto!important;}
    .masthead{height: auto!important; min-height:auto!important}
    .masthead2 {min-height: 100px;
      height:100px;
      background:#1a4d82;}

    .text-big{font-size: 20px!important; margin-top:0px!important; line-height:20px!important;}
    .text-big span{font-size: 16px!important;}
    .redcol{font-size: 12px!important;}
    .navbar-brand img{width:70%;}
    .topmenu{display: none;}
    .fxnone{top:14px;}
    .carousel-caption{top:30%!important;left:7%!important}
    .nw-formcont{width:100%!important;}
    .navbar-collapse{ background:#1a4d82; padding:20px 0;}
    .clickpos{position:absolute; right:30px; top:-45px}


}




.green-nw{background:#f53500;}
.btn-success{background:#f53500; border:1px solid #f53500; font-size: 16px;}
.btn-success:hover{background:#f53500;}
.rounded-nw{border-radius:50px;}

.nav a.active {
	border-bottom: 3px solid #f53500;
	color: #000;
}
.str_txt{ font-size:24px; color:#fff;  font-family: 'Teko-SemiBold';}
.redcol{ color:#f53500;font-size: 25px;}
.white-text{color:#fff;}
.text-big{font-size:48px;line-height:44px;}
.text-big span{font-size:25px;}

.nav a:hover {
	border-bottom: 3px solid #f53500   ;
}
.nav-link.active{ border-radius:0;}
.bg-grey{ background:#efefef}
.form-control{ background:#454545; border:none;}
.bg-dark{background:#2d2d2d!important;}
.cars-nw img {
    height: 650px;
    width: 100%;
    object-fit: cover; 
}
.cnt-red span{color:#d63b38;    }
.red{color:#d63b38;    }
.txt-fnt{font-size: 14px;}
.lst-nne{list-style: none; color:#fff;}
.lst-nne li a{color:#fff; font-size:14px;}
.lst-nne li{padding-top:10px;}


@media (min-width: 992px){
	.dropdown-menu .dropdown-toggle:after{
		border-top: .3em solid transparent;
	    border-right: 0;
	    border-bottom: .3em solid transparent;
	    border-left: .3em solid;
	}
	.dropdown-menu .dropdown-menu{
		margin-left:0; margin-right: 0;
	}
	.dropdown-menu li{
		position: relative;
	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	.dropdown-menu > li:hover{ background-color: #f1f1f1 }
	.dropdown-menu > li:hover > .submenu{
		display: block;
	}
}