@charset "utf-8";
/* CSS Document */
body{
    padding: 0px;
    margin: 0px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: lighter;-webkit-font-smoothing: antialiased;
}

a{ list-style:none; text-decoration:none;color:#000;}
/*GEOMETRY--------------------------------------------------------------------*/
/*menus*/
#main_menu_bar{
	position:fixed; z-index:10; width:100%; overflow:hidden; clear:both;top:0px;
}
.menu_bar_1{ color:#FFF;background-color: #FFF; 
}

.menu_bar_2{
 color:#000;background-color: #FFF; box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

.logo_1{ height:50px; 
}
/*end menus*/
/*menu btns*/
.nav_btn_1{ float:right; padding:20px;height:40px; text-align:center; line-height:40px;  font-size:12px;

}
.nav_btn_1:hover{color:#f3c;}
.nav_b_2{ color:#000;}.nav_b_1{ color:#FFF;}
/*end menu btns*/
.rec_1{ 
 /* background: 50% 0 no-repeat ;*/
  background-position:top; background-repeat:no-repeat;
 
  margin: 0 auto; 
  width: 100%; background-size:cover;
  position: relative; 
}
.rec_2{ 
  margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
}
.inner_1{
  height: 300px; 
  position: absolute; 
  text-align: center; 
  top: 150px; 
  width: 100%; 
}
.inner_right{
  right:100px;
  position: absolute; 
  text-align: left; 
  top: 100px; 
  width: 350px; 
}
.inner_left{
  left:100px;
  position: absolute; 
  text-align: left; 
  top: 100px; 
  width: 350px; 
}
.inner_center{
  width:100%;
  position: absolute; 
  text-align: center; 
  top: 100px; padding-bottom: 30px;

}
.full_sc{ position:relative;}
.small_wrap{ background-color: #F1F1F1; height:150px; text-align:center;
}
#logo{    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    width: 356px;
    float: left;
    margin-left: 20px;
    height: 45px;
    position: absolute;
    top: 20px;
    z-index: 1;}
.logo_1{ background-image:url(../img/l1.png); }
.logo_img{ display:block; float:left; margin:20px; height:60px;}

.logo_2{ background-image:url(../img/l1.png);}


.so_icon{ height:50px; border-radius:50%; width:50px; background-color:#616161; float:left; margin-top:50px; margin-left:10px; cursor:pointer;}
.ico_img{ display:block;margin: 10px 0px 0px 10px;margin-bottom: 10px;
    max-width: 100%;
    width: auto;
    height: auto;}
	#ye_ic:hover{ background-color:#f00;}
#f_ic:hover{ background-color:#03F;}#t_ic:hover{ background-color:#09F}#gr_ic:hover{ background-color: #0C3;}#go_ic:hover{ background-color:#F00;}#g_ee:hover{ background-color:#F3C;}
.services_table{margin-left: 100px;
    font-size: 16px; color:#616161;}
/*End Geometry----------------------------------------------------------------*/

/*----FONTS*/

h1{ color:#FFF; font-size:20px;
}
h3{ margin:20px 0px;}
h4{margin:20px 0px;color:#f3C; font-weight:lighter;}
.p_1{  color:#FFF;font-size:16px;font-weight:lighter;}
.p_sml{ font-size:14px;font-weight:lighter;}
.p_head{ font-size:20px;
}
.resa{ font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.numb{
color: #F3C;
    font-size: 125%;

}
/*end FONTS--*/
.btn_1{ padding:10px; margin-top:10px; border:2px solid #fff; cursor:pointer;}
.btn_2{ padding:10px; margin-top:10px; border:2px solid #F3C; background-color:#F3C; color:#FFF;cursor:pointer;}
.btn_2:hover{ color:#fff; }
.price{color:#F3C;margin-left: 10px; font-weight:bold;}

/*skew*/
.sk_wrap{
    overflow:hidden; 
}
.sk_para{
    width: 33.3%;
    height: 150px;
    margin: 0 0 0 -20px;
    -webkit-transform: skew(20deg);
       -moz-transform: skew(20deg);
         -o-transform: skew(20deg);
    background: red;
    overflow:hidden;
    position:relative;float:left;
}
.sk_img{
 
    position:absolute;
    top:-30px;
    left:-30px;
    right:-30px;
    bottom:-30px;
        -webkit-transform: skew(-20deg);
       -moz-transform: skew(-20deg);
         -o-transform: skew(-20deg);
}
/*foot*/
.footer_wrap{    background-color: #2D2D2D;
    overflow: auto;
    clear: both;
    padding-bottom: 20px;}
.foot_last{     background-color: #212121;
    text-align: center;
    padding: 10px 0px;
    color: #FF33CC;
    font-size: 18px;}
.foot_map{ float:left; width:25%;       color: #C1C1C1;
    font-size: 18px;}
.foot_hold{ margin-left:20px; margin-top:20px;}

/*form*/
.form_wrap{     max-width: 800px;
    height: 100%;
    display: block;
    margin: auto; padding-top:50px;}
.form_field{     border: 1px solid #616161;

    width: 100%;
    height: 30px;
    margin-top: 50px;
    outline: #F3C;
    padding: 10PX;}
.form_field_sml{
  border: 1px solid #616161;

    width: 100%;
    height: 15px;
    margin-bottom:25px;
    outline: #F3C;
    padding: 10px 0px;
}
.act_btn{cursor:pointer;}
.act_btn:hover{ background-color:red; color:black; 

}
#con_win{ display:none;   
    position: fixed;
    left: 40%;
    margin-left: -20%;
    right: 40%;
    margin-right: -20%;
    max-width: 1000px;
    background-color: #FFF;
    box-shadow: 2px 2px 4px rgba(0,0,0,0.6);
    z-index: 6;
    bottom: 20px;
	
}
#sent_msg{ display:none;z-index:60;position:fixed;top:0px;bottom:0px;right:0px;left:0px; background-color:rgba(255,255,255,0.8); color:#000; text-align:center}
.close_con{ position:absolute;right:10px;top:10px; font-size:16px;color:#000; font-weight:bold; height:30px;width:30px; cursor:pointer; text-align:center; line-height:30px;}
.close_con:hover{color:#F3C;}
.sm{ position:relative; width:100%; height:100%;}
.smc{ position:absolute; width:100%;height:100%; background-position:center; background-size:cover;}
.sq1{ height:200px;background-position:center; background-size:cover;padding:10px; width:100%;}
.sq2{ max-height:200px;}
/*----------revies------*/
.rev_thumb{ height: 50px;
    border-radius: 50%;
    width: 50px; background-size:cover;}
	
.review{ font-size:16px;padding-bottom:50px;}
.thumb_wrap{ margin-top:20px; padding-bottom:20px;}
.city{ visibility:hidden;}
.g_pic{ height:300px;width:300px; float:left; margin:10px 10px 0px 0px; background-size:contain; background-repeat:no-repeat;}
.g_pic_done{ height:300px;width:300px; float:left; margin:10px 0px 0px 10px; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.ab{ position:absolute; bottom:0px; left:0px; text-align:center; color:#f3c; background-color:rgba(255,255,255,0.8); padding:10px; font-size:16px;}
.sq_pic{ height:300px;width:300px; background-size:contain; background-repeat:no-repeat;}
.ba_hold{ text-align:center; width:300px; min-height:300px;height:auto; float:left; margin-right:10px; background-color:#fff;}
#view_pic{ display:none;position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.7); z-index:10; background-position:center; background-size:contain; background-repeat:no-repeat;}
#view_b{position:fixed; top:0px; bottom:0px; left:0px; right:50%; z-index:10;background-position:center; background-size:contain; background-repeat:no-repeat;}
#view_a{position:fixed; top:0px; bottom:0px; left:50%; right:0px; z-index:10;background-position:center; background-size:contain; background-repeat:no-repeat;}
.img_pay{ display:inline-block; height:40px; margin-right:10px;}
#pay_div{ position:absolute; bottom:10px; right:0px;}
.in_f{color: #C1C1C1; cursor:pointer;}
.offt{position: fixed;
    height: 45px;
    width: 55px;
    background-image: url(../img/off.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 42px;
    z-index: 9999;
    margin-left: -47px;}