.head1{
      padding: 10px 0px 10px;     
      font-family: 'Roboto', sans-serif; 
      font-size: 16px;
      color: #8c8c8c;
      vertical-align: middle;
    }
    .navbar {
      background-color:#27ae61 ;
      border-color: #27ae61 ;
      color: white;
      margin-bottom: 0px;
      margin-top: 30px;
      
    }
    .head2{
      min-height: 100px;
      background-color: #27ae61 ;
      margin:0;
      vertical-align: middle;

    }
    .menuItem{
      font-family: 'Roboto', sans-serif; 
      font-size: 16px;
      color: #ffffff;
      letter-spacing: 3px; 
    font-weight:500;
    }
    .custSection{
      margin-bottom: 40px;
    }
    .custContOuter {
    padding-left: 40px;
    padding-right: 30px;
}
.subHead{
  font-family: 'MyriadPro', sans-serif; 
  font-size: 20px; 
  font-style: italic; 
  color: #939393; 
  display: block;
}

.tblHead1{
  color: white; 
  padding-top:40px; 
  font-style: italic; 
  font-size: 20px; 
  font-weight: 300; 
  font-family: 'Roboto', sans-serif;
  text-align: center; 
  margin-top:0;
}

.tblHead2{
  color: white; 
  font-family: 'Roboto', sans-serif; 
  font-size: 30px;
  /*padding:20px; */
  text-align: center; 
  margin-bottom:30px;
}
#reserveButton{
  background-color:#197b30; 
  color: white; 
  font-family: 'MyriadPro', sans-serif; 
  font-size: 20px; 
  border:0px;
  text-align: center; 
  margin-bottom:20px; 
  padding:10px 50px; 
  
}
  
  .error{
  color: #f00;
  font-family: 'Roboto', sans-serif;
  text-align: left;
}
#error_msg{
  color: white;
  font-family: 'Roboto', sans-serif;
  text-align: left;
  padding-top: 5px;

}
.nav > li > a { 
padding:10px 20px !important;
}
.nav > li:last-child > a { 
padding:10px 0 10px 20px !important;
}

  	.custHead1{
		font-family: 'Roboto', sans-serif; 
		font-size: 20px;
		color: #27ae61 ;
		font-style: normal;
		margin: 0px;
	}	
	.activeMenu{
 	border-style: solid;
 	border-width: thin;
 	border-color: white;
 	background-color: transparent;

 }


  	.custContent{
  		font-family: 'Roboto', sans-serif; 
  		font-size: 17px;
  		color: #000000;

  	}
  	.custContent1{
  		font-family: 'Roboto', sans-serif; 
  		font-size: 18px;
  		color: #000000;

  	}			  	

  	
  
#map {
   width: 100%;
   height: 600px;
   background-color: grey;
 }
 
 .inpField{
 	border-radius:10px;
 }
 .tblrow{
 	padding: 20px;
  text-align: left;
 }

 #imgCol{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.navbar-inverse {
    background-color: #27ae61 !important;
    border-color: #27ae61  !important;
}
.navbar-inverse .navbar-nav > li > a {
    color: white !important;
}

.navbar-inverse .navbar-nav>.activeMenu>a, .navbar-inverse .navbar-nav>.activeMenu>a:focus, .navbar-inverse .navbar-nav>.activeMenu>a:hover{
	background-color: #222  !important;
	padding-top: 5px;
 	padding-bottom: 5px;
}
.navbar-inverse .navbar-nav>li>a{
	color: white;
	padding-top: 5px;
 	padding-bottom: 5px;
}

.caroHeading{
  animation-delay: 1s;
}
.caroP{
	animation-delay: 2s;
}

/*.carousel-caption {
    top: 0;
    bottom: auto;
}*/
#carouCont{
	padding: 0px;
	margin: 0px;
}
.carousel-caption {
   position: absolute;   
   top:120px;
}

	@font-face {
	    font-family: MyriadPro;
	    src: url('MyriadPro_Regular.otf'), url('MYRIADPROREGULAR.woff') format('woff'), url('MYRIADPROREGULAR.ttf') format('truetype');
	}
	@font-face {
	    font-family: MyriadPro;
	    src: url(MyriadPro-Bold.otf);
	    font-weight: bold;
	}

p.carou{
	font-size: 35px;
	letter-spacing: 5px;
	font-family: 'Roboto', sans-serif;
}
h1.carou{
	font-size: 50px;
	font-family: 'MyriadPro', sans-serif;
	font-weight: bold;
	letter-spacing: 8px;
}
.custHead2{
		font-family: 'MyriadPro', sans-serif; 
		font-size: 30px;
		color: #000000;
		font-weight: bold;
		margin: 0px;

	}
	.custHead3{
		font-family: 'MyriadPro', sans-serif; 
		font-size: 25px;
		color: black;
		font-weight: 400;
		margin-bottom: 0px;
    padding-top: 20px;
	}
  .addr{
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    padding-top: 0px;
  }
.mapInner2.contact .custHead3{ margin:0; padding-top:0}
.mapInner2.contact .addr{ 
display: inline-block;
margin-bottom: 25px;
}
	.colHead{
		font-family: 'Roboto', sans-serif; 
  		font-size: 20px;
  		color: #000000;
  		text-align: center;

	}
	.colContent{
		font-family: 'Roboto', sans-serif; 
  		font-size: 16px;
  		color: #000000;
  		text-align: justify;
	}
	.colFoot{
		font-family: 'Roboto', sans-serif; 
  		font-size: 16px;
  		color: #27ae61 ;
  		text-align: center;
  		font-weight: 300;
	}





	#input_container { 
    position:relative;
    padding:0;
    margin:0;
}

.input_img1 {
    position:absolute;
    bottom:8px;
    left:85%;
    /*width:10px;
    height:10px;*/
}
.input_img2 {
    position:absolute;
    bottom:5px;
    left:85%;
    /*width:10px;
    height:10px;*/
}
.inpText{
	font-family: 'Roboto', sans-serif; 
	font-size: 17px;
	font-weight: 400;
	font-style: italic;
	color:#5d5d5d;
  text-align: left; 
  height:45px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #5d5d5d;
    opacity: 1; /* Firefox */
}
	.colGallery{
		padding:0px;
		margin: 0px;
	}
	.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

.mapOuter{
	position: relative;

}
.mapInner{
	position:absolute;
    bottom:2px;
    left:58%;
    background-color: white;
    border-style: solid; 
    border-color: #dfdfdf; 
    border-width: 14px; 
    height: 600px; 
    text-align: center; 
    font-family: sans-serif;
    width: 35%;

}
.mapInner2{  
    background-color: white;
    border-style: solid; 
    border-color: #dfdfdf; 
    border-width: 14px; 
    height: 600px; 
    text-align: center; 
    font-family: sans-serif;
    width: 100%;

}
.mapContact{  
    background-color: white;
    border-style: solid; 
    border-color: #dfdfdf; 
    border-width: 14px; 
    height: 100%; 
    text-align: center; 
    font-family: sans-serif;
    /*width: 35%;*/
}
.custFooterContent{
		font-family: 'Roboto', sans-serif; 
  		font-size: 18px;
  		color: #ffffff;
  		text-align: center;

	}
.custFooter{
	     min-height: 15px;
  		background-color: #27ae61 ;
  		margin:0;
}


.carousel-control {
  color: white !important;
  }
.footContent{
  color: white; 
  font-size: 18px; 
  font-family: 'Roboto', sans-serif;"
}

.formOuter{
  padding:0 10%;
}
.reserve{
  padding:0 10%;
}

.head1 h5 { font-size:15px}

.reserve .form-group { margin-bottom:35px;}

@media (max-width: 575px) {
  .head1 h5{      
    font-size: 12px;      
}

  }



@media (min-width: 576px) and (max-width: 767px) {
    .head1 h5{      
    font-size: 14px;      
  }

  }
/*class xs*/


@media (max-width: 767px) {
.cutIcon{
  text-align: left;
}

.topCol{
  padding: 0px 5px;
}
.head2{
      min-height: 55px;
    }
.menuItem{
  font-size: 14px;
  letter-spacing: 1px;
}
.custContOuter {
    padding-left: 10px;
    padding-right: 10px;
}
.custCont {
    padding-left: 10px;
    padding-right: 10px;
}
.custContent{
  font-size: 14px;
}
.custContent1{
  font-size: 14px;
}
.colContent{
  font-size: 14px;
}
.colHead{
  font-size: 16px;
}
.colFoot{
  font-size: 13px;
}
.tblrow{
  padding: 10px;
  text-align: center;
 }
 .inpField{   
  padding: 15px;
  border-radius:8px;
 }
 .tblHead2{
  font-size: 25px;
 }
 .tblHead1{
  font-size: 18px;
 }
 .input_img1{
  display: none;
 }
 .inpText{
  font-size: 14px;
  }
  #reserveButton{
  font-size: 11px;  
  }
  .carousel-caption {   
   top:3px;
}
p.carou{
  display: none;
  }
h1.carou{
  font-size: 30px;
  }
#scrollA{
  display: none;
}
#map{
  height: 400px;
}
.mapInner2{
  height: 500px;
}

.custHead1{
    font-size: 16px;
    }
.custHead2{ 
    font-size: 22px;
    }
  .custHead3{ 
    font-size: 20px;
    padding-top: 10px;
    }
    .footContent{
      font-size: 14px;
    }
    .brCol{
      padding-bottom: 20px;
    }
    .addr{
      font-size: 16px;
    }
	
	.reserve .form-group {
  margin-bottom: 15px;
}
.tblHead2 {
  margin-bottom: 15px;
}
 }


@media (min-width: 768px) { 
.brCol { padding:0;}
}
@media (max-width: 575px) {
  .navbar{
  margin-top: 10px;
}
h1.carou{
  font-size: 26px;
  }
.formOuter {
  padding: 0;
}

  }
/*classes other than xs*/


/*class sm*/
@media (min-width: 768px) and (max-width: 991px) {
  .head1 h5{      
    font-size: 14px;      
  }
  .topCol{
  padding: 0px 5px;
}
.nav > li > a { 
padding:10px 16px !important;
}
.navbar{
  margin-top: 22px;
}
  .menuItem{
  font-size: 12px;
  letter-spacing: 0px;
}
.custCont {
    margin-left: 10px;
    margin-right: 5px;

  }
  .input_img1{
  display: none;

}
.inpText{
  font-size: 15px;
  }
  .custHead1{
    font-size: 18px;
    }
.custHead2{ 
    font-size: 24px;
    }
  .custHead3{ 
    font-size: 22px;
    }
  .carousel-caption {   
   top:50px;
}
p.carou{
  display: none;
  }
h1.carou{
  font-size: 40px;
  }
#scrollA{
  display: none;
}
}


/*@media (min-width: 768px) and (max-width: 991px) {
  .menuItem{
  font-size: 12px;
  letter-spacing: 0px;
}
.custCont {
    margin-left: 10px;
    margin-right: 5px;

  }
  .input_img1{
  display: none;

}
.inpText{
  font-size: 15px;
  }
  .custHead1{
    font-size: 18px;
    }
.custHead2{ 
    font-size: 24px;
    }
  .custHead3{ 
    font-size: 22px;
    }
  .carousel-caption {   
   top:50px;
}
p.carou{
  display: none;
  }
h1.carou{
  font-size: 40px;
  }
#scrollA{
  display: none;
}
}*/

  /*class md*/
@media (min-width: 992px) and (max-width: 1199px) {
  
  .menuItem{
  font-size: 14px;
  letter-spacing: 1px;
  
}
.custCont {
    margin-left: 20px;
    margin-right: 15px;
}
.custHead2{ 
    font-size: 26px;
    }
.custHead3{ 
    font-size: 23px;
    padding-top: 15px;
    }
    .addr{
      font-size: 20px;
    }
    .carousel-caption {   
   top:80px;
}
p.carou{
  font-size: 25px;
  }
h1.carou{
  font-size: 40px;
  }
/*#scrollA{
  display: none;
}*/


  }

/*@media (min-width: 992px) and (max-width: 1199px) {
  .menuItem{
  font-size: 14px;
  letter-spacing: 1px;
  
}
.custCont {
    margin-left: 20px;
    margin-right: 15px;
}
.custHead2{ 
    font-size: 26px;
    }
.custHead3{ 
    font-size: 23px;
    padding-top: 15px;
    }
    .addr{
      font-size: 20px;
    }
    .carousel-caption {   
   top:80px;
}
p.carou{
  font-size: 25px;
  }
h1.carou{
  font-size: 40px;
  }

  }*/



  @media (min-width: 768px) {
  .cutIcon{
  text-align: right;
}
.head2{
      min-height: 85px;

}