*{box-sizing: border-box;}
body{color:white; font-size:10px; font-family:"Geneva",arial,helvetica; background-image:URL(../images/bghall.jpg); - bghall.jpg; margin: 0px;}
input.submit {color:black; font-size:12px; font-family:verdana,Geneva,arial,helvetica; font-weight:bold; background-color: silver;}
input.submitsm {color:black; font-size:10px; font-family:verdana,Geneva,arial,helvetica; font-weight:bold; background-color: silver;}
input       {color: black;
    font-size: 10px;
    font-family: verdana,Geneva,arial,helvetica;
    font-weight: normal;
    background-color: white;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 0;
    border-radius: 3px;}
span.highlighted {color:red;}
#mainNav {
	float:left;
	margin:0;
	width:100%;
	height:39px;
	padding:0px; 
	margin:0px;
}

#menuTop {
   /* background-image: url("images/ul.jpg");*/
    background-repeat: repeat-x;
    float: left;
    height: 39px;
    margin: 0;
    padding: 0;
    width: 100%;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

#menuTop li.item {
  /*  background-image: url("images/index_06.jpg");*/
    display: block;
    width: 70px;
}

#menuTop li {
    display: inline;
    float: left;
    height: 39px;
    list-style-type: none;
    text-align: center;
    width: 25%;
}

#menuTop li.item1 a {
    background:url(../images/1.png) no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
    
}

#menuTop li a {
    color: #0076c0;
    cursor: pointer;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 39px;
    padding: 11px 0 0;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}
#menuTop li a:hover{color: #03051e;}
.black {
    color: #000;
	z-index:9999999;
}
#menuTop li.item2 a, #menuTop li.item3 a, #menuTop li.item4 a, #menuTop li.item5 a {
    background: url("../images/2.png") no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
}
/*#menuTop li.item3 a {
    background-image: url("../images/2.png");
    display: block;
    width: 156px;
}
#menuTop li.item4 a {
    background-image: url("../images/2.png");
    display: block;
    width: 156px;
}
#menuTop li.item5 a {
    background-image: url("../images/2.png");
    display: block;
    width: 156px;
}*/
#menuTop li.item6 a {
    background: url("../images/4.png") no-repeat;
    background-size: 100%;
    display: block;
    width: 100%;
}

.logo{ float:left; width:auto;}
.logo a{ float:left; color:#fedead; font-family:Arial, Helvetica, sans-serif ; font-size:45px; font-weight:bold; text-decoration:none; margin:30px 0;}
.logo a span{ color:#00aeef;}
#galleryFlash > a{ display: none; height: 400px; left: 0;  opacity: 0;
    position: absolute;
    top: 0;
    width: 950px;
    z-index: 7;}
#galleryFlash img{ float:left; height:400px; width:100%; }
.midd{ float:left; width:100%}
.midd_bg{ float:left; background:url(../images/bottom_1.jpg) no-repeat; width:100%; border-top: 2px solid #fff;}
.con{ float:left; border-right:3px solid #9ac7e4; width: 29%;}
.con_img{ float:left; margin: 2px 0px 0px;}
.text{ float:left; color:#fddeaf;font-family:Arial, Helvetica, sans-serif ; font-size:20px; font-weight:bold; text-align:center; margin: 9px 0; width:100%;}
.con_1{float:left; width:38%;margin: 13px 16px 0;}
.had{ float:left;color:#fddeaf;font-family:Arial, Helvetica, sans-serif ; font-size:30px; font-weight:bold;}
.had span{ color:#fffeff;}
.pr{ float:left;color:#fffeff;font-family:Arial, Helvetica, sans-serif ; font-size:14px; line-height:20px; margin: 15px 0 0; width:100%; }
.footer{ float:left; width:100%;}
.footer_img{ float:left; width:100%; background:url(../images/footer_1.jpg); background-size: 100% 94px;}
.fot_text a{ float:left;color:#383838;font-family:Arial, Helvetica, sans-serif ; font-size:14px; text-align:center;padding: 15px 0; text-decoration:none; font-weight:bold;}
.pro_img > img{ float:right; width:35%;}
.had_1{float:left;color:#fddeaf;font-family:Arial, Helvetica, sans-serif ; font-size:40px; font-weight:normal;
 margin: 20px 0 20px 20px;}
.had_1 span{ color:#00aeef;}
.fot_text > div{float: left;width: auto; margin:13px 10px 0 0;color: #383838;}


/*gallery*/
a.ssbtn         {color:black; background-color: white; font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtn:hover   {color:black; background-color: gold;  font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtn:active  {color:black; background-color: gold;  font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtn:visited {color:black; background-color: white; font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnY         {color:black; background-color: white; font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnY:hover   {color:black; background-color: #E9D38D;  font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnY:active  {color:black; background-color: #E9D38D;  font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnY:visited {color:black; background-color: white; font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnG         {color:black; background-color: white; font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnG:hover   {color:black; background-color: #BDE3AC;  font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnG:active  {color:black; background-color: #BDE3AC;  font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
a.ssbtnG:visited {color:black; background-color: white; font-size:11; font-family:verdana,Geneva,arial,helvetica; text-decoration:none; font-weight:normal; border:1 black solid; padding:0px 5px 0px 5px; margin:5px;}
#myimg{position:inherit; overflow:auto; left:26; top:285 !important ; height: 485px;max-width: 100%;}


<!--services-->

/*a  {color:#fedead; font-family:verdana,Geneva,arial,helvetica; text-decoration:underline; font-weight:normal; height:12px;}*/
a:visted      {color:#fedead; font-family:verdana,Geneva,arial,helvetica; text-decoration:underline; font-weight:normal; height:12px;}
.prices {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #FFF;
}
body,td,th {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color:#FEDEAD;
}
.pricesBig {
	font-size: 22px;
	font-weight:bold;
}
.had_1.had_2 {
    float: left;
    margin: 20px 0 20px 20px;
    width: 100%;
}
.fot_text{ float:none; width:53%; margin:0 auto;}



/*Reservation*/
h3{font-size:0;margin:0;padding:0;}
.reg{float:left;width:100%;}
.r_title{float:left;width:100%;text-align:center;margin:0 0 5px 0;}
.r_title h2{color: #fedead;font-family: Georgia,"Times New Roman",Times,serif;font-size: 14px;}
.r_title2{float:left;width:100%;text-align:center;margin:0 0 10px 0;}
.r_title2 h3{color:#fedead;font-family: Georgia,"Times New Roman",Times,serif;font-size: 10px;font-weight:normal;}

.r1{float:left;width:100%;margin:0 0 20px 0;}
.r_lh{float:left;width:40%;text-align:left;margin:0 0 0 0;}
.r_lh input{ background-color: white;color: black;font-family: verdana,Geneva,arial,helvetica;font-size: 10px;font-weight: normal;text-transform:capitalize;    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;}
.r_rh{float:right;width:40%;text-align:left;}
.r_rh input{ background-color: white;color: black;font-family: verdana,Geneva,arial,helvetica;font-size: 10px;font-weight: normal;text-transform:capitalize;    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;}
.txt_area{height: 110px;width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;outline:none;}
.capcha_txt{width:80px;height:30px;margin:0 0 0 40px;}
.r2{margin:0 0 0 0;}
.r3{margin:20px 0 0 0;width: 90%;
    margin: 0 auto;
    float: none;}
.r_btn{color: #00aeef;display: inline-block;font-size: 12px;padding: 12px 12px;background-image:url(../images/btn.png);background-repeat:repeat-x;border:none;cursor:pointer;}
.r4{margin:25px 0 0 0;width: 90%;
    margin: 0 auto;
    float: none;}

.hader_responsive{width: 945px;}
.hader_responsive tr td a img{float: right;}
.con_2{border-left:3px solid #9ac7e4; border-right:none;width: 29%;float: left;}
.sidepart{width: 50%;float: left;}

.space_class{font-size:14px; font-family:georgia,arial,helvetica; padding-left:20px; padding-right:20px; }
.gallery_box{position:inherit; overflow:auto; width:100%; height:400; left:-384; top:785; border:0 solid black;padding-top: 30px;}
.center_photo{text-align: center;width: 100%;float: left;}
.contact_pages{width: 60%;}
.reservation_form{width: 90%;margin: 0 auto;}
.toggal_menu{width: 100%;float: left;background: #e0c399;padding: 15px 15px;    border-bottom: 1px solid #c1a987; display: none;}
.toggal_menu p{float: left;font-size: 12px;color: #0076c0;    margin: 0 0;font-weight: bold;    text-transform: uppercase;
    line-height: 20px;    font-family: Arial, Helvetica, sans-serif;}
.toggal_menu a{float: right;}
.toggal_menu a img{width: 20px;float: right;}
@media screen and (min-width:1241px) and (max-width:1500px){

}

@media screen and (min-width:1025px) and (max-width:1240px){
    
}

@media screen and (min-width:992px) and (max-width:1024px){
    
}

@media screen and (min-width:768px) and (max-width:991px){
    
    .hader_responsive{padding: 0 15px;}
    .hader_responsive tr td{width: 50%;}
    .logo a{font-size: 24px;}
    .hader_responsive tr td a img{width: 30%;height: auto;}
    #menuTop li a{background-size: 100% 100% !important;font-size: 12px;padding: 15px 15px;text-align: left;background: #e0c399 !important;    border-bottom: 1px solid #c1a987;height: auto;}
    #mainNav{height: auto;}
    #menuTop{height:auto;display: none;}
    #menuTop li{height: auto;width: 100%;}
    .slider_responsive tr td .galleryFlash img{height: 400px !important;}
    .midd_bg{border-top: 0;background-size: 100% 100%;}
    .con{border-right: 0;width: 100%;}
    .con_2{border-left: 0;width: 100%;}
    .con_img{width: 100%;}
    .con_img img{width: 100%;}
    .text_part{padding: 20px 15px;}
    .had{    font-size: 26px;}
    .pr{font-size: 14px;}
    .con_1{width: 100%;text-align: center;margin: 40px 0px 40px;}
    .had{width: 100%;text-align: center;}

    .pr{font-size: 14px;}
    .sidepart{width:100%;margin: 0 0;}
    .had_1{width: 100%;margin:20px 0 20px 0;}
    #myimg{width: 100%;left: 0 !important;height: 300;}
    .gallery_box{width: 100%;left: 0 !important;}
    .float_page{width: 100%;float: left;}

    .toggal_menu{display: block;}
}
@media screen and (min-width:318px) and (max-width:767px){
    .hader_responsive{padding: 0 15px;}
    .hader_responsive tr td{width: 50%;}
    .logo a{font-size: 24px;}
    .hader_responsive tr td a img{width: 100%;height: auto;}
    #menuTop li a{background-size: 100% 100% !important;font-size: 12px;padding: 15px 15px;text-align: left;    background: #e0c399 !important;    border-bottom: 1px solid #c1a987;    height: auto;}
    #mainNav{height: auto;}
    #menuTop{height:auto;display: none;}
    #menuTop li{height: auto;width: 100%;}
    .slider_responsive tr td .galleryFlash img{height: 220px !important;}
    .midd_bg{border-top: 0;background-size: 100% 100%;}
    .con{border-right: 0;}
    .con_2{border-left: 0;width: 100%;}
    .text_part{padding: 20px 15px;}
    .had{font-size: 26px;}

    .pr{font-size: 14px;}
    .sidepart{width:100%;margin: 0 0;}
    .had_1{width: 100%;margin:20px 0 20px 0;}
    #myimg{width: 100%;left: 0 !important;height: 300;}
    .gallery_box{width: 100%;left: 0 !important;}
    .float_page{width: 100%;float: left;}

    .r_lh{width: 100%;}
    .r_rh{width: 100%;}

    .toggal_menu{display: block;}
    
}
@media (max-width: 767px)
{
    
    .con_1
    {
    width: 100%;
    margin: 0;
    padding: 30px 0px;
    text-align: center;
    }
    .con, .con_img{width: 100%;}
    .con_img img {
    width: 100%;
    height: auto;
    object-fit: cover;
    }
    table{width: 100% !important;}
    .had{width: 100%;}
}

@media screen and (max-width:575px){

    
}
@media screen and (max-width:480px){
    table{width: 100% !important;}
    
}

/*17.6.24*/

.google-img{
	display: flex;
	justify-content: center;
	align-items: center;
    margin : 50px 0 50px 0;
}