body{
	margin:0;
	padding:0;
	font-family: 'Roboto Slab', serif;
	/*font-family: 'Domine', serif;*/
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
    color: rgb(38 59 108);
}
.zoom {
  transition: transform .2s;
}
.zoom:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.1); 
}
.food {
    position: relative;
    width: 100%;
    padding: 16px 0 0 px 0;
    margin: 0px 0;
    background: rgb(243 243 243);
}

.food .food-item {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding: 50px 30px 30px;
    text-align: center;
    background: #ffffff;
    border-radius: 15px;
    box-shadow:0 0 13px rgb(38 59 108);
    transition: .3s;
}

.food .food-item:hover {
    box-shadow: none;
    background: #263b6cbf;
    color: white;
}

.food .food-item i {
   /* position: relative;*/
    display: inline-block;
    color: #fbaf32;
    font-size: 60px;
   /* line-height: 60px;*/
    margin-bottom: 20px;
    transition: .3s;
}

.food .food-item:hover i {
    color: #719a0a;
}

.food .food-item i::after {
    position: absolute;
    content: "";
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    top: -20px;
    left: -15px;
    /*border: 3px dotted #fbaf32;
    border-right: transparent;
    border-bottom: transparent;
    border-radius: 100px;*/
    transition: .3s;
}

.food .food-item:hover i::after {
    border: 1px dotted #719a0a;
    border-right: transparent;
    border-bottom: transparent;
}

.food .food-item h2 {
    font-size: 30px;
    font-weight: 700;
}

.food .food-item a {
    position: relative;
    font-size: 16px;
}

.food .food-item a::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    bottom: 0;
    left: calc(50% - 25px);
    background: #fbaf32;
    transition: .3s;
}

.food .food-item a:hover::after {
    width: 100%;
    left: 0;
    background: #719a0a;
}

.top-strip{
	width: 100%;
    height: auto;
    padding: 7px 0;
    background: #263b6c;
    color: #ffffff;
    text-align: center;
}
.desktop-logo{
	width:100%;
	height: auto;
	padding:10px 0;
	background: #efefef;
	text-align: center;
}
/*.navbar-brand span{
	display:none;
}*/
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: 18px;
    font-weight: bold;
    color: #5487ff;
}
.banner-bottom{
	width: 100%;
	height:auto;
	padding:80px 0;

}
.banner-bottom p{
	text-align: justify;
	margin-top:20px;
}
.service{
	width:100%;
	height:auto;
	background: url("../images/service-backgd.webp") no-repeat center/cover fixed;
}
.overlay{
	width:100%;
	height:auto;
	padding: 80px 0;
	background:#263b6cad;
}
.services{
	    width: 100%;
    background: #ffffff00;
    height: auto;
    border-radius: 5px;
    text-align: center;
}
.services h2{
	margin-top: 20px;
}
.service-type{
	    width: 100%;
    height: auto;
    border: 2px solid #ffffff;
    margin: 10px 0;
    background: #ff000000;
    border-radius: 5px;
    padding: 6px;
}
.service-type i{
	font-size: 60px;
	margin-top:20px;
}
.service-type p{
	margin-top: 20px;
	font-weight: bold;
	font-size: 22px;
}
/*.testimonial{
	width:100%;
	height:auto;
	background: #e0e0e0;
	padding: 80px 0;
	text-align: center;
	color:#000;
}
.testimonial img{
	width:150px;
	height: 150px;
	border-radius: 50%;
	margin:15px auto;
	padding: 10px;
	border:1px dashed #000;
}
.testimonial p{
	padding: 0 180px;
	margin-top: 30px;
}*/
.footer{
	width: 100%;
    height: auto;
    padding: 80px 0;
    background: #263b6c;
    color: #fff;
}
.footer ul li{
	list-style: none;
}
.footer ul li a{
	color:#fff;
}
.copyrights{
	    width: 100%;
    height: auto;
    padding: 15px 0;
    background: #ffffff94;
    color: #263b6c;
    text-align: center;
}



.pages{
	width:100%;
	height:auto;
	padding: 80px 0;
	background: #f3f3f3;
}
.map iframe{
	height:200px;
}
/*#contact{
	background: url("../images/contactus.jpg") no-repeat center/cover fixed;
}*/
.contactus{
    padding: 30px;
    border-radius: 5px;
    color: white;
    border: 2px solid #263b6c;
    background: #263b6cbf;
}
.hr-color{
	border-color:#fff;
}
#contact h4{
	margin-top: 15px;
}
#contact input{
	width:100%;
	height:50px;
	padding: 15px 10px;
	margin-top: 20px;
}
#contact textarea{
	width:100%;
	height:150px;
	padding: 15px 10px;
	margin-top: 20px;
}
#contact button{
	width:100%;
	height:50px;
	padding: 10px 10px;
	margin-top: 15px;
}
.career-form{
	width: 60%;
    height: auto;
    margin: 0 auto;
    background: #263b6c21;
    padding: 15px;
    border-radius: 5px;
    border-right: 2px solid #263b6c;
    border-left: 2px solid #263b6c;
    border-bottom: 2px solid #263b6c;
}
.career-form h3{
	text-align: center;
	margin:10px 0;
}
.career-form label{
	margin-bottom: 0;
	margin-top:10px;
}
/*#career{
	background: url("../images/career.jpg") no-repeat center/cover fixed;
}*/
#service{
	text-align: justify;
}
#service span{
	font-weight: bold;
	margin-bottom: 15px !important;
}
#about{
	text-align: justify;
}
.gallery-picture{
	width:100%;
	height:auto;
	text-align: center;
}
.gallery-picture img{
	width:100%;
	height:200px;
	margin-bottom: 20px;
	border:5px solid #263b6c;
	border-radius: 5px;
	padding: 5px;
}
/*#gallery{
	background: url("../images/gallerybg.jpg") no-repeat center/cover fixed;
}
#gallery h2{
	color:#fff;
}*/















@media(max-width: 768px){
	.desktop-logo{
		display:none;
	}
	.navbar-brand span{
		display:block;
	}
	.testimonial p {
	    padding: 0 100px;
	}
}
@media(max-width: 576px){
	.services h2 {
	    font-size: 22px;
	}
	.service-type p {
	    font-size: 17px;
	}
	.banner-bottom {
	    padding: 30px 0;
	}
	.banner-bottom h2 {
	    font-size: 22px;
	    font-weight: bold;
	    text-align: center;
	}
	.adj-btn{
		text-align: center;
	}
	.testimonial {
	    padding: 30px 0;
	}
	.testimonial h2 {
	    font-size: 22px;
	    font-weight: bold;
	}
	.testimonial p {
	    padding: 0 30px;
	}
	.footer {
	    padding: 30px 0;
	}
	.footer h3{
		text-align: center;
		margin-top: 15px;
    	font-size: 23px;
	}
	.pages {
	    padding: 30px 0;
	}
	.pages h2 {
	    font-size: 21px;
	    text-align: center;
	    font-weight: bold;
	}
	.career-form {
	   width: 100%;
	}
	.career-form h3 {
	    font-size: 20px;
    	font-weight: bold;
	}
	.career-btn{
		display:block;
		width: 100%;
		margin-top: 25px;
	}
	#contact h4 {
	    text-align: center;
	    font-size: 21px;
	}
}
@media(max-width: 375px){
	.navbar-light .navbar-brand {
	    width: 75%;
	}
	.navbar-brand span {
	    font-size: 17px;
	    font-weight: bold;
	}
	.testimonial p {
	    padding: 0 10px;
	}
	.footer h3 {
	    font-size: 21px;
	}
}
@media(max-width: 320px){
	.navbar-brand span {
	    font-size: 14px;
	}
	.banner-bottom h2 {
	    font-size: 18px;
	}
}