@import url('https://fonts.googleapis.com/css?family=Roboto:400,500');
body {
  /*background: url('../images/bg.jpeg');*/
  background: #fff;
  background-attachment: fixed;
  background-size: cover;
}
body *{
  font-family: Roboto;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.container h1, .container h2{
    font-size: 1.6rem;
}
.fnt-sze {
    font-size :2.5em;
}

.fntsze {
    font-size:1.50em;
    color: #673AB7;
}

ul[role="alert"]{
    list-style: none;
    margin: 0;
    padding: 0;
}
nav + div{
  padding-top: 100px;
}
nav.navbar, footer{
  /*background: url(../images/bg.jpeg) 100%;*/
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
    color: #5b479c;
    font-weight: bold;
}
body > div > div.row.shadow.p-2.rounded{
    background: #ffffff;
}
.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.portfolio-item {
  margin-bottom: 30px;
}
header{
  padding-top: 100px;
}
nav.navbar .navbar-brand{
  height: 100px;
  width: 110px;
  background: url(../images/logo.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
.navbar-dark .navbar-toggler-icon{
    background-image: url(../images/menu.png);
}
.navbar-dark .navbar-nav .nav-link{
  color: #004085;
  /*background:#ccc;*/
}
.nav-link {
    padding:12px 10px;
    border-radius:3px;
}
.nav-link:hover {
    background:#0d0b6b;
    transition:0.8s ease;
    color:#ffffff !important;
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #101631;
  font-weight: 500;
/*background:#673AB7;*/
}

.navbar-toggler-icon {
    background-image :url(../images/menu.png);
}

.navbar-nav .dropdown:hover > .dropdown-menu {
display: block;
}

.dropdown-item:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #101631;
    transition:0.8s ease;
}
  .cont {
      background-color: #eae6e6bf;
      border-radius:5px;
      padding:1em;
  }  
    
#nav-slide {
    padding:12px;
    transition :all 0.8s;
}
.add-slide {
    padding:0px !important;
}
.carousel .carousel-item{
  height: calc(80vh - 100px);
}
.carousel .carousel-item .carousel-caption{
  top: 10%;
  bottom: unset;
  text-shadow: 1px 4px 8px black;
}
.container.bg-white{
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.788235294117647) !important;
}
h1, .h1, h2, .card-title, h3{
  color: #f94d0c;
  /*text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.3411764705882353);*/
}
.card > a{
  text-align: center;
  padding-top: 20px;
  min-height: 200px;
}
.card > a img{
  max-height: 220px;
  width: auto;
}
footer{
  box-shadow: 0 -0.5rem 1rem rgba(0,0,0,.15);
}
.card.shadow {
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.card.shadow:hover, .card.shadow:focus, .card.shadow:active {
  transform: scale(1.1);
}
.call{
  background: #f94d0c;
  color: white;
}
iframe.map{
  width: 100%;
  height: 250px;
  border-radius: 10px;
}
img.card-img-top.img-fluid {
    display: block;
    width: auto;
    margin: auto;
    padding: 20px 0;
    height: 300px;
}
.owl-carousel .owl-item h4{
    display: flex;
    height: 150px;
}
.owl-carousel .owl-item img{
    max-height: 150px;
    height: auto;
    cursor: pointer;
}
.visa h4{
    display: flex;
    background: #495057;
    border-radius: 10px;
}
.owl-carousel .owl-item .visa img{
    width: 80%;
}



.bgclss {
background-image: url(../images/slider1.jpg);
background-size :auto ;
width: 100%;
height: auto;

}
.bgclss1 {
background-image: url(../images/slider2.jpg);
background-size :auto ;
width: 100%;
height: auto;

}
.bgclss2 {
background-image: url(../images/slider3.jpg);
background-size :auto ;
width: 100%;
height: auto;

}

.bgclss3 {
background-image: url(../images/slider4.jpg);
background-size :auto ;
width: 100%;
height: auto;

}
.icon-bar + .container{
    margin-top: 120px;
}
.icon-bar {
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 99999999;
    webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display:none;
}
.icon-bar a {
    display: block;
    text-align: center;
    padding: 16px;
    transition: all 0.3s ease;
    color: white;
    font-size: 20px;
}
.icon-bar a:hover {
    background-color: #ccc;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}
.text-colr {
color:#ffffff;
}

footer  .social ul li {
 display : inline-block;
 padding-left :16px;
}
footer  .social ul li a:hover {
 transition : none;
 padding : 0;
}


footer  {
    background-color :#e00a0a;
}

footer ul{
    list-style-type:none ;
    padding: 0 1em;
}
footer a {
    color : #ffffff;
}
footer a:hover {
    text-decoration : none;
    padding-left :5px;
    transition: 0.2s linear ;
    color :#0abfe8;
}

/*    Media queries  */


@media (max-width : 576px) {
    .carousel .carousel-item {
        height:auto;
        background-size:contain;
    }
   .text-scl {
       font-size :1em;
   } 
    .carousel .carousel-item .carousel-caption {
        top:45%;
    }
    .carousel-item {
        min-height:205px;
    }
    .marg {
        padding: 0!important;
    }
    .marg1 {
        margin-top:0!important;
    }
    h3 {
		font-size: 1.5rem;
	}
    .call-away{
		font-size: 1.5rem;
	}
}

@media only screen and (max-width: 480px) and (min-width: 320px)  {
	
	.carousel .carousel-item .carousel-caption {
        top:25%;
    }
}

.footer-copy-text {
    font-size :1em;
}

.txt-colour {
    color:#0abfe8;
}
@media (max-width:767px) {
    nav.navbar .navbar-brand {
           height: 85px;
           width: 95px;
    }
    #nav-slide {
        padding:8px 0;
    }
    .button-responsive {
     text-align :center;
     }
    .button-responsive btn {
        display : inline-block;
      
    }
}