/*body{
	margin: 0;
	padding: 0;
	background: #262626;
}*/

#mainNav{
	background-color:#212529;
}
#mainNav .navbar-toggler{
	font-size:12px;
	right:0;
	padding:13px;
	text-transform:uppercase;
	color:#fff;
	border:0;
	background-color:#fed136;
	font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,
	sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
}
 #mainNav .navbar-brand{
 	color:#fff;
 	font-family:'Kaushan Script',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,
 	sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
 }
 #mainNav .navbar-brand.active,
 #mainNav .navbar-brand:active,
 #mainNav .navbar-brand:focus,
 #mainNav .navbar-brand:hover{
 	color:#fec503;
 	}
 #mainNav .navbar-nav .nav-item .nav-link{
 	font-size:90%;
 	font-weight:400;
 	padding:.75em 0;
 	letter-spacing:1px;
 	color:#fff;
 	font-family:Montserrat,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,
 	sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
 }
 #mainNav .navbar-nav .nav-item .nav-link.active,
 #mainNav .navbar-nav .nav-item .nav-link:hover{
 	color:#fed136;
 }
 @media (min-width:992px){
 	#mainNav{
 		padding-top:5px;
 		padding-bottom:5px;
 		-webkit-transition:
 		padding-top .3s,
 		padding-bottom .3s;
 		transition:padding-top .3s,
 		padding-bottom .3s;
 		border:none;
 		background-color: rgba(255,255,255,.1);
 	}
 	#mainNav .navbar-brand{
 		font-size:1.75em;
 		-webkit-transition:all .3s;
 		transition:all .3s;
 	}
 	#mainNav .navbar-nav .nav-item .nav-link{
 		padding:1.1em 1em!important
 	}
 	#mainNav.navbar-shrink{
 		padding-top:0;
 		padding-bottom:0;
 		background-color:#212529;
 	}
 	#mainNav.navbar-shrink .navbar-brand{
 		font-size:1.25em;
 		padding:12px 0;
 	}
 	}

 	.caption{
 		font-family: 'Courgette', cursive;
 	}
body {
      background: #fff;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color:#000;
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .swiper-slide {
      background-position: center;
      background-size: cover;
      width: 300px;
      height: 300px;
    }
    .quotation{
    	padding: 5px;
    }
    .background{
    	background-image: url(../images/bg5.jpg);
    }
    .box{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: calc(1536px / 6);
      height: 256px;
      background: url(../images/carr.gif);
      /*animation: animate 1s steps(6) infinite;*/
    }
/*@keyframes animate{
  from{
    background-position: 0;
  }
  to{
   background-position: 1536px; 
  }
}*/
    .contact-form{
         background: rgba(0,0,0,.6);
         color: white;
         margin-top: 100px;
         padding: 20px;
         box-shadow: 0px 0px 10px 3px grey;
    }
    /*ZoomIn Hover Effect*/
    .hover-zoomin a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-zoomin img {
      width: 100%;
      height: 30vh;
      object-fit: cover;
    padding: 5px;
    object-position: center center;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-zoomin:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
    @media only screen and (max-width: 600px) {
     .car{
      margin-top: -40px;
     }
    }
    /*.border-box{
      border: 1px solid gray;
      border-radius: 10px;
      padding: 10px;
    }*/
    .card{
      border-radius: 0;
      box-shadow: 5px 5px 15px gray;
      transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -moz-transition: all 0.3s ease-in;
    }
    .card:hover{
      background: gray;
      color: #fff;
      border-radius: 5px;
      border: none;
      box-shadow: 5px 5px 10px #9E9E9E;
    }
    .styling{
      font-family: 'Courgette', cursive;
    }
    /*.coloring{

    }*/
    .map-container-2{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
.map-container-2 iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}