body{
	margin:0px;
	padding:0px;
}

div,h1,h2,h3,h4,h5,h6,p,img,a,ul,li{
	margin:0px ;
	padding:0px;
}


/*font-family: 'Roboto';
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Quantico', sans-serif;
font-family: 'Raleway', sans-serif;
font-family: 'Open Sans', sans-serif;*/

/*needed*/

/*	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;*/

a{
	text-decoration:none !important;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-ms-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
}
a:hover{
	text-decoration:none !important;
}

ul{
	list-style-type:none;
}
.clear{
	clear:both;
}
/*needed*/



		/*********** start of banner *******/

.banner {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background:transparent;
    width: 100%;
	overflow:hidden;
}

.item1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:url(../images/banner1.png) center 0 no-repeat;
	background-size:cover;
	height:350px;
	width:100%;
}
.item2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:350px;
	width:100%;
	background:url(../images/banner2.png) center bottom no-repeat;
}
.item3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:350px;
	width:100%;
	background:url(../images/banner3.png) center bottom no-repeat;
}
.item4{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height:350px;
	width:100%;
	background:url(../images/banner4.png) center bottom no-repeat;
}


.banner-text{
	margin:0px 0px 0px 0px;
	padding:120px 0px 0px 0px;
}

.banner-text h1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:bold;
	font-size:80px;
	color:#fff;
	text-align:center;
}
	
	
	
	
			/***** start of serving ***/
			
.serving{
	margin:0px 0px 0px 0px;
	padding:52px 0px 0px 0px;
	background:url(../images/serving-bg.png) center top no-repeat;
	background-size:contain;
	overflow:hidden;
	width:100%;
}
.serving-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.serving-row h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:35px;
	color:#2e2e2e;
	text-align:center;
}
.serving-row p{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:19px;
	color:#2e2e2e;
	text-align:center;
}

.buttons{
	margin:30px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:790px;
}
.button1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:280px;
	float:left;
}
.button1 a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 60px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:25px;
	color:#fff;
	display:block;
	width:100%;
	line-height:58px;
	border-radius:3px;
	background-color:#ff6e1f;
	background-image:url(../images/telephone.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
}
.button1 a:hover{
	color:#fff;
	background-color:#d04900;
}
.button1 a:focus{
	color:#fff;
	background-color:#d04900;
}

.button2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:475px;
	float:right;
}
.button2 a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:25px;
	color:#fff;
	text-align:center;
	display:block;
	width:100%;
	line-height:58px;
	border-radius:3px;
	background-color:#267cb5;
	background-image:url(../images/mail.png);
	background-repeat:no-repeat;
	background-position:left 20px center;
}
.button2 a:hover{
	color:#fff;
	background-color:#015790;
}
.button2 a:focus{
	color:#fff;
	background-color:#015790;
}


	/******* start of gallery ******/
	
.gallery{
	margin:52px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:transparent;
	width:100%;
	overflow:hidden;
}
.gallery img{
	display:block;
	width:100%;
	cursor:pointer;
}
.gallery img:hover{
	opacity:.95;
}
.gallery-row{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.gallery1{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
img.four{
	margin:30px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

.gallery2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
img.five{
	margin:30px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}
img.six{
	margin:30px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}
img.eight{
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 0px;
}
img.nine{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
img.ten{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}



		/******** start of footer *****/
		
.footer{
	margin:0px 0px 0px 0px;
	padding:48px 0px 65px 0px;
	background:#fff;
	overflow:hidden;
	width:100%;
}
.footer ul{
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:110px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
}
.footer ul li.last{
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
}




		/*********** modal ******/

.modal-dialog {
    width: 760px !important;
}
.modal-content {
	padding-top:12px;
}
.close{
	opacity:1 !important;
	font-size: 30px !important;
}

.modal-header .close {
    margin: -37px -24px 0px 0px !important;
    width: 42px;
    padding: 2px 0px 10px 0px !important;
    text-align: center;
    text-shadow: inherit !important;
    color: #fff !important;
    background: #ff6e1f;
    border-radius: 50%;
    position: absolute;
    right: 0;
    z-index: 5;
}


.modal-header .close {
    margin-top: -7px;
}
.modal-header {
    padding:0px 15px 0px 0px !important;
    border-bottom: 0px solid #e5e5e5 !important;
}	
.modal-body{
	padding:3px 15px 15px 15px !important;
}
.modal-footer {
    padding:0px 15px 15px 0px !important;
    border: 0px solid #e5e5e5 !important;
}

.modal-text{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	width:100%;
}
.modal-text h3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'robotobold';
	font-size:32px;
	color:#0083a9;
}
.modal-text p{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'robotolight';
	font-size:19px;
	color:#424242;
	line-height:30px;
}
.modal-text h4{
	margin:25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'robotomedium';
	font-size:19px;
	color:#424242;
}
.modal-text ul{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.modal-text ul li{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 30px;
	font-family: 'robotolight';
	font-size:19px;
	color:#424242;
	background:url(../images/tick.png) 0 8px no-repeat;
}


@media (max-width :767px) and (min-device-width :280px){

	/******* modal ****/
.modal-dialog {
    width: 100% !important;
	margin:0px !important;
}
.modal {
    top: 20px !important;
}
.modal-header .close {
   margin: -13px 0px 0px 0px !important;
   padding: 0px 0px 6px 0px !important;
   width:29px !important;
}
.close{
	font-size: 20px !important;
}
.modal-text {
    margin: 10px 0px 0px 0px;
}
.modal-text h3 {
    font-size: 27px;
}
.modal-text p {
    margin: 10px 0px 0px 0px;
    font-size: 16px;
    line-height: 26px;
}
.modal-text ul li{
	font-size: 16px;
}
}

.modal-body img{
	display:block;
	width:100%;
	cursor:pointer;
}