@font-face {
	font-family: 'Conv_SukhumvitSet-Thin';
	src: url('fonts/SukhumvitSet-Thin.eot');
	src: local('☺'), url('SukhumvitSet-Thin.woff') format('woff'), url('SukhumvitSet-Thin.ttf') format('truetype'), url('SukhumvitSet-Thin.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}




*{margin:0;padding:0;}
html,body{  overflow-x:hide;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	  
}

h1,h2,h3,h4,h5,h6{
 font-weight: normal;
 line-height: 1.6em;
}
strong{
     
}

body{


      font-family: 'Conv_SukhumvitSet-Thin';
         
          -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size:18px;

width:100%;
height:100%;

   
    color:#000;
    line-height:1.4em;
    font-weight: 300;
        
       
  
  

}
#home{


width:100%;
height:100%;
  
 margin-top:60px;
 
     background: url(homebg.png)  center top no-repeat;        
    

}
#web_design{
background:url(cc.png) center bottom no-repeat

}

#about{

      position: relative;
 background: url(goldab.png)  center top; 
           /* Generic*/
    background-repeat: no-repeat;
    
    color:#fff;
    font-weight: normal;
    
    padding:30px 0;

       
}
#product{
 background:#000 url(gold1.png) center top;
                  
    background-repeat: no-repeat;

   padding:30px 0;
   color:#fff;
      
}
#download{
             
    background-repeat: no-repeat;

   padding:45px 0;
   color:#fff;
      
}


#portfolio{

      position: relative;
 background: url(cc.png)  center center; 
           /* Generic*/
           
               -webkit-background-size: cover; 
    -moz-background-size: cover;   
    -o-background-size: cover;      
    background-size: cover;       
    background-repeat: no-repeat;
    
   
    font-weight: normal;
    
    padding:45px 0;

       
}

#package{

      position: relative;
 background: url(city.jpg)  center center; 
           /* Generic*/
           
               -webkit-background-size: cover; 
    -moz-background-size: cover;   
    -o-background-size: cover;      
    background-size: cover;       
    background-repeat: no-repeat;
    
   
    font-weight: normal;
    
    padding:50px 0;

       
}


#news{

      position: relative;
      background:#000 url(news.jpg)  center center; 
           /* Generic*/
               -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    background-repeat: no-repeat;
    
    color:#fff;
    font-weight: normal;
    
    padding:45px 0;

       
}



#location{
background:rgba(120,77,39,.5);
padding:60px 0;
}

#recipe{
       background:#E5D078;
       z-index:0;
}



#client{
   background:#282828;
color:#fff;
padding:70px 0;   
              z-index:3;
}
#project{
            z-index:3;
     background:#efefef;
color:#505050;
padding:0 0 70px 0;
}           

#joinus{

color:#292929;

background: url(js.jpg);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    background-repeat: no-repeat;
    
    padding:0px 0;
    font-size:15px;

}

#contact{

         background: url(mm.png)  center bottom; 
           /* Generic*/
    background-repeat: repeat-x;
padding:50px 0px 100px 0;

  

}
#contact p{
padding:15px 0;
}


#foot{

   background: url(foot.jpg);
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    background-repeat: no-repeat;
    
    padding:0px 0;
    font-size:15px;

}

.title_service{
width:100%;
text-align: center;
background:#efefef;
padding:25px 0px 20px 0;
  
} 


        

a,img{border:none;text-decoration: none;}

img{border:none;line-height: 0;}
.inline{
display:block;
vertical-align: top;
margin:0;
padding:0;
position: relative;
float:left;

}
.clinlinex{
line-height: 0;
}


.menux{

text-align:right;
}
.menux a{

display:inline-block;
padding:15px 15px;
font-size:18px;
padding-left:15px;
padding-right:15px;
color:rgb(85,0,0);


   
   
       border-bottom: 2px solid none;

}
.menux a:hover{

 border-bottom: 2px solid rgb(85,0,0);

}
.menux h2{
display:inline-block;
padding:0 30px;
font-size:35px;
}


.fixmenu{

position: fixed;
left:0;
top:0;


width:100%;
height:60px;

padding-top:10px;

z-index:999;
overflow: hidden;

background-color: rgb(243,156,18);
     

  

}
.ffaddin{

 
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    background:rgba(0,0,0,.8);
}

.mnu{

  
   
}
.mheight{

  

}
.mnu a{
display:inline-block;
text-align: center;

font-weight: bold;

}

.hmenu{
display:inline-block;
position: fixed;


color:#fff;
  z-index:99999;


}
.hemnu:hover a{
color:#f3da5c;
}
.title_head{
width:100%;
text-align: center;
padding:25px 0;
vertical-align: me;
color:rgb(32,32,32);
font-weight: normal;

}



    
   

    
 

 
section{
display:block;
position: relative;
height: auto;
clear:both;
overflow: hidden;  
}

.centerscreen
{
   
 position: fixed; /* or absolute */
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
   
}
.btext{
/*border: 1px solid #292929;*/
padding:18px 25px 10px 25px;
display: inline-block;

}
.btext strong{
font-size:38px;
color:##292929;
font-weight: normal;

}

.yline{
width:6px;
background:#f3da5c;

height:150px;
margin: 0 auto;
position: relative;
}
.yline1{
width:6px;
background:#f3da5c;

height:100%;
  
position: absolute;
margin-top:3px;
z-index:2;
}
.circle {
	border-radius: 50%;
	width: 25px;
	height: 25px; 
  background:#f3da5c;
 margin:0 auto;
/*  transform: translate(-50%, -50%); */
	/* width and height can be anything, as long as they're equal */
}

.circle1 {
	border-radius: 50%;
	width: 25px;
	height: 25px; 
  background:#f3da5c;
 position: fixed;
 
 display:none;
z-index:1;
top:15px;
	/* width and height can be anything, as long as they're equal */
}
.title_client{
text-align: center;
padding:15px;
border-bottom: 1px solid #fff;
display:inline-block;
margin: 0 auto;

}

.title_project{
text-align: center;
padding:15px;
border-bottom: 1px solid #505050;
display:inline-block;
margin: 0 auto;

}
.bborderx{
border: 1px solid #262626;;

}
.list_project{
         
   margin-left:50px;
   margin-top:25px;
   margin-bottom:25px;
}
.list_project li{
  list-style-image: url(ponit.jpg);
   text-align:left;
   
}

.title_join{
text-align: center;
padding:15px;
border-bottom: 1px solid #505050;
display:inline-block;
margin: 0 auto;

}

.txt_input{

width:100%;
text-indent: 15px;
padding:10px 0;
font-size:16px;
color:#fff;
font-style: italic;
border-top: 5px solid rgb(192,192,192);
border-left:0;
border-right:0;
border-bottom:0;
min-height:25px;
margin-bottom:25px;
color:#fff;
background:#454138;
}                 
.txt_input:hover{
  border-top: 5px solid #9B6F00;
}
.submitf{
text-align:center ;
}
.submitf .inx{
display: inline-block;
border: 1px solid #fff;
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding:10px 35px;
background:#3E382A;
}
.submitf a{
color:#fff;
font-size:18px;
cursor: pointer;
}
.submitf .inx:hover{
background:#f3da5c;
}
.submitf .inx:hover a{
color:#000;                      
}


.socal {
text-align:center ;
}
.socal  .inx{
display: inline-block;
border: 3px solid #fff;
  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
padding:20px 50px;
}

.socal a{
color:#fff;
font-size:18px;
cursor: pointer;
display: inline-block;
margin:0 10px;
}

.socal  a:hover{
color:#000;

}

.typed-cursor{
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
    font-size:38px;
}
@keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes blink{
    0% { opacity:1; }
    50% { opacity:0; }
    100% { opacity:1; }
}



/*=Slides
----------------------------------------------- */
#cslide-slides {



}
.cslide-slides-master {
    overflow: hidden;
    margin-bottom:60px;
}
.cslide-slides-master:last-child {
    margin-bottom:0;
}
.cslide-slides-container {
    visibility: hidden;
}
.cslide-slide {
    float:left;

   width:100%;
}
.cslide-slide h2,
.cslide-slide p {
    
}
/* prev next buttons */
.cslide-prev-next {
    margin-top: 15px;
    display: none;
    text-align: center;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.cslide-prev,.cslide-next {
    display:inline-block;
    background:rgb(64,64,64);
    color:#fff;
    padding:10px 20px;

    border-bottom:solid 2px #F3DA5C;

    cursor: pointer;
}
.cslide-prev:hover,
.cslide-next:hover {
    background:#F3DA5C;
    color:#000;
}
.cslide-prev.cslide-disabled:hover,
.cslide-next.cslide-disabled:hover {
    background:#F3DA5C;
}
.cslide-disabled {
    opacity: 0.3;
}


.circle-text {
    width:450px;
    z-index:20;
    color:rgb(32,32,32);
    display:inline-block;
}
.circle-text h1{

color:rgb(32,32,32);
}
.circle-text p{
padding:25px 30px;
font-size:18px;
color:rgb(32,32,32);
}
.circle-text:after {
    content: "";
    display: block;
    width: 100%;
    height:0;
    padding-bottom: 100%;
    background:rgba(247,237,215,.8); 
    -moz-border-radius: 50%; 
    -webkit-border-radius: 50%; 
    border-radius: 50%;
   
}
.circle-text div {
    float:left;
    width:100%;
    padding-top:20%;

    margin-top:-0.5em;
    text-align:center;
    color:white;
}


 
 
 .textread{
  color:rgb(32,32,32);
   
 
 }
 .textread p{
 padding:15px 0;
 }
 
 
  
  
  .outbox {
    position: relative;
    padding: 0;
    width:100%;
    display:block;
}
 .text {
    position: absolute;
    top: 0;

    background-color:rgba(0,0,0,0.8);
    width: 100%;
    height: 100%;
   
   display:block;
    
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
    color:rgb(255,255,255);
    overflow-y:auto;
    cursor: pointer;
}
.text:hover {
    opacity:1;
}

.text strong{
line-height:1.6em;
font-size:20px;
}
.text a,.text span{
margin:0 5px;
  color:rgb(255,255,255);
  -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    display:inline;
}
.text a:hover,.text span:hover{



color: #fff;

}
.vsc{
visibility: visible;
}


img {
    z-index:1;
}
#product .four,#recipe .four{
          margin-top:15px;
}

.img-circle {
    border-radius: 50%;
    transition: 0.6s;
	transform-style: preserve-3d;
}
.img-circle:hover {
   transform: rotateY(180deg);
}


.collapsed {
  transition:all .25s;
  position:fixed;
  top:10px;
  left:9px;
  height:36px;
  width:36px;
  z-index:1;
  cursor:pointer;
   z-index:9999;
    visibility: hidden;
    display: none;
    color:#fff;
    
 
    
  }
  .colapsed img,colapsed p{
  opacity: 0;
  display: none;
  }


  .collapsed  .bar {
    position:fixed;
    left:12px;
    top:24px;
    height:6px;
    width:30px;
    border-radius:15px;
    background-color:rgba(0,0,0,.75);
    display:none;
    visibility: hidden;
    }
.collapsed    .bar:before {
      transition:all .25s;
      content:"";
      position:absolute;
      left:0;
      top:-8px;
      height:6px;
      width:30px;
      border-radius:15px;
       background-color:rgba(0,0,0,.75);
       display:none;
       visibility: hidden;
    }
 .collapsed  .bar:after {
      transition:all .25s;
      content:"";
      position:absolute;
      left:0;
      top:8px;
      height:6px;
      width:30px;
      border-radius:15px;
       background-color:rgba(0,0,0,.75);
       display:none;
       visibility: hidden;
    }

.expanded {
    visibility: visible;
  
                  
    
                     
  overflow: auto;
  height:100%;
  width:100%;
  border-radius:0px;
  top:0;
  left:0;
  background:rgba(0, 0, 0,.95);
   z-index:9999;
      display: block;             
  }
  
  .expanded  .bar {
    background-color:transparent;
    transition:all .25s;
    background:rgba(170,136,0,0);
    display:block;
    visibility: visible;
  }


 .expanded  .bar:before {
      transition:all .25s;
      content:"";
      transform:rotate(45deg);
      top:-0px;
       background:rgba(170,136,0,.75);
        display:block;
            visibility: visible;
    }
 .expanded   .bar:after {
      transition:all .25s;
      content:"";
      transform:rotate(-45deg);
      top:0px;
       background:rgba(170,136,0,.75);
        display:block;
            visibility: visible;
    }
    
      .expanded img,.expanded p{
  opacity: 1;display:block;
  }
    
    .expoint{
    cursor: pointer;
    }
    
    .cycle-slideshow { width: 100% ;z-index:99;}
.cycle-slideshow img { width: 100%; height: auto }
.cycle-pager-active{color:rgb(120,77,40) !important;}


#navslide,#navslide1{
position: absolute;
width:100%;
height:40px;
bottom:20px;
display:block;

text-align: center;
z-index:9999;

}



#navslide a,#navslide1 a{display: inline-block;padding:5px 0;color:#fff;-moz-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    -webkit-transition: all .5s ease-in;
    transition: all .5s ease-in;
    margin:4px;
    }
    
#navslide a:hover ,#navslide1 a:hover{color:rgb(120,77,40);}

.ptga{

width:200px;


display:block;
position: absolute;
right:10%;

    
  

}
.ptga1{

width:200px;
height:80px;
bottom:20%;
right:20%;
display:block;

  background:rgba(120,77,40,.8);
  color:#fff;
  

}
.gold_title{
color:rgb(241,53,0);


padding-bottom:5px;

}
.gold_title1{
color:rgb(85,0,0);


padding-bottom:5px;

}
.bb_title{
color:#000;



}
.b_title{
color:rgb(120,77,39);
border-bottom: 1px solid rgb(120,77,39);

padding-bottom:5px;

}

select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}
.btbox{

display:inline-block;
padding:5px 15px;
color:#fff;
background:rgb(126,84,53);
cursor:pointer;


}

.btbox1{
        
display:inline-block;
padding:5px 15px;
color:#000;
background:rgb(228,204,107);
cursor:pointer;


}
.btbox1:hover{
background:rgb(126,84,53);
color:#fff;
}
.btbox:hover{
background:rgb(228,204,107);
color:#000;
}
.coltabal tr td{

padding:5px;
vertical-align: top;
border-bottom: 1px solid rgb(120,77,39);

}
.projectinfo{

width:100%;


}
.onslidex{
position: absolute;
width:100%;
z-index:999;

}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.markupx{
background:rgba(120,77,39,.8);
width:13%;
height:18%;
position: absolute;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-weight: bold;
color:#fff;
cursor: pointer;
}
.markupx:hover{
background:rgba(226,204,117,.9);

}
.fshow{position: relative;}
.pinging span{
display:inline-block;
padding:5px 15px;
     cursor: pointer;

}

.markupx1{
background:rgba(120,77,39,.5);

position: absolute;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
font-weight: normal;
color:#fff;
cursor: pointer;
}
.markupx1:hover{
background:rgba(120,77,39,.8);

}

.bcover{
 
    -webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;         /* Generic*/
    background-repeat: no-repeat;
    position: absolute;
    width:100%;
    height:100%;
     
     
     
}

.bbbx{
 
}

.message {
z-index:99999;
background:#E4CC6B;
color:#FFF;
position: fixed;
top: 0;
right: 0;


padding: 15px 20px;
transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
overflow: hidden;
box-sizing: border-box;
  
}



#toggle{
       width:30px;
       text-align: center;
       float:right;
}
.menuleftx{
display:none;
width:200px;
float:right;
}
.menuleftx a{
display: block;
font-size:15px;
color:#fff;
font-weight: bold;
padding:10px 25px;
border-bottom: 1px solid #fff;
}
.boxgx{
background: #774D27;
text-align: center;
padding-bottom: 5px;
color:#fff;
opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
    margin-bottom:15px;
}

.boxgx:hover{
opacity: .7;
}



.ingoldline{
padding-top:35%;
border-bottom: 1px  solid rgb(137,119,69);
text-align: center;
}

.mcard{
  background: rgba(136,117,67,.8); 
  padding-bottom: 10px;
  
     transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out; 
  
cursor: pointer;      
}
.mcard p{
padding:3px 15px;
font-size:14px;
}
.mcard strong{font-size:16px;}
.mcard:hover{
opacity: 1;

-webkit-box-shadow: 1px 1px 19px 3px rgba(87,67,12,1);
-moz-box-shadow: 1px 1px 19px 3px rgba(87,67,12,1);
box-shadow: 1px 1px 19px 3px rgba(87,67,12,1);

}




.action-button
{
	position: relative;
	padding: 5px 10px;
  margin: 10px 0px 0px 0px;
  float: left;
	border-radius: 10px;
	font-family: 'Pacifico', cursive;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;	
  word-wrap: break-word;
  width:90%;
  
}

.blue
{
	background-color: #3498DB;
	border-bottom: 5px solid #2980B9;
	text-shadow: 0px -2px #2980B9;
}

.red
{
	background-color: #E74C3C;
	border-bottom: 5px solid #BD3E31;
	text-shadow: 0px -2px #BD3E31;
}

.green
{
	background-color: #82BF56;
	border-bottom: 5px solid #669644;
	text-shadow: 0px -2px #669644;
}

.yellow
{
	background-color: #F2CF66;
	border-bottom: 5px solid #D1B358;
	text-shadow: 0px -2px #D1B358;
}

.action-button:active
{
	transform: translate(0px,5px);
  -webkit-transform: translate(0px,5px);
	border-bottom: 1px solid;
}

#pixie{

position: absolute;
z-index:-1;
max-width:100%;


  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=40);

  /* Netscape */
  -moz-opacity: 0.4;

  /* Safari 1.x */
  -khtml-opacity: 0.4;

  /* Good browsers */
  opacity: 0.4;
}

#loading {
/*background:url('http://www.richyheng.com/loading.gif') no-repeat cente;
  */
  position: fixed; 
  top: 0; 
  left: 0; 
   background-color:#000;
  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%; 
height: auto;
  
display: inline-block;;

vertical-align: middle;
position: fixed; z-index: 100000000;
text-align: center;
}

.loader {
  width: 150px;
  height: 150px;
  line-height: 150px;
  margin: 0px auto;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  z-index: 0;
  text-transform: uppercase;
}

.loader:before,
.loader:after {
  opacity: 0;

  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "\0020";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
  border: 1px solid #fff;
  box-shadow: 0 0 50px #fff, inset 0 0 50px #fff;
  -webkit-box-shadow:0 0 50px #fff, inset 0 0 50px #fff;
  -moz-box-shadow:0 0 50px #fff, inset 0 0 50px #fff;
}

.loader:after {
  z-index: 1;
  -webkit-animation: gogoloader 2s infinite 1s;  
   -moz-animation: gogoloader 2s infinite 1s;  
    animation: gogoloader 2s infinite 1s;  
}

.loader:before {
  z-index: 2;
  -webkit-animation: gogoloader 2s infinite;
  -moz-animation: gogoloader 2s infinite;
  animation: gogoloader 2s infinite;   
}

@-webkit-keyframes gogoloader {
  0% {
    -webkit-transform: scale(0);  
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);   
    opacity: 0;
  }
}

@-moz-keyframes gogoloader {
  0% {
    -moz-transform: scale(0);  
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -moz-transform: scale(1);   
    opacity: 0;
  }
}

@keyframes gogoloader {
  0% {
    transform: scale(0);  
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);   
    opacity: 0;
  }
}


 .menumobile{
position: fixed;
width:100%;
z-index:3;
background:rgb(234,156,18);
color:#fff;
height:50px;
display:none;
z-index:9999;

}
.inmenu{
display:none;
background:rgb(234,156,18);
width:100%;
}
.inmenu a{
display:block;
padding:5px 25px;
color:#fff;
text-align:center;
}
.mobleclear{
height:0px;
}



.pagination{
text-align: center;
}

.pagination span {
    list-style:none;
 
    margin:0 2px;
    
    display:inline-block;
    width:25px;
    height:25px;

    background: #000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    text-align: center;
    box-shadow: inset 1px 1px 1px rgba(0, 0 ,0, 0.4);
                                  
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
    cursor: pointer;
    
}
.pagination span:hover{
 opacity: .5;
  background: #897745;
}

.pagination .act{
   background: #897745;
   color:#fff;
  

}
.boximg{
display:block;
width:100%;
height:150px;
overflow: hidden;
}

.bt1,.bt2{
display: inline-block;
color:#fff;
padding:5px 15px;
margin-right:10px;
-webkit-transition: background-color 1s ease-out;
  -moz-transition: background-color 1s ease-out;
  -o-transition: background-color 1s ease-out;
  transition: background-color 1s ease-out;
  margin-top:10px;
  margin-bottom:10px;

}
.bt1{
background-color: rgb(85,0,0);
}
.bt1:hover{


    background-color: rgb(241,53,0);
}

.bt2{

 background-color: rgb(241,53,0);
}
.bt2:hover{
   background-color: rgb(85,0,0);

   
}


.bokeh {
  position: absolute;
  background: white;
  border-radius: 100%;
  box-shadow: 0 0 30px 0 rgba(255, 255, 255, 0.5);
}


.layer{
  display: block;
padding: 0;
  margin: 0;
position: absolute;
}

.menulistx{
list-style: none url();

text-align: center;
}
.menulistx li{
display: inline-block;
}
.menulistx li span{
display:block;
padding:5px 15px;
font-size:22px;
color:#6e6e6e;
cursor: pointer;
font-weight: bold;
}
.menulistx li span:hover{
color:#94a734;

font-size:30px;

-webkit-transition: font-size .6s ease;
	-moz-transition: font-size .6s ease;
	-o-transition: font-size .6s ease;
	transition: font-size .6s ease;
}



.lineo{line-height: 0;margin-bottom:15px;}
.bdxor{
background:#eaeaea;
padding:7px;
position: relative;
}
.intextresort{
background:#fff;
padding:10px;
color:#171717;
line-height: 1.3em;
}
.footlinkresort{
color:#b0c344;

height:30px;
line-height: 30px;;
overflow: hidden;
}
a.footlinkresort{

color:red;
font-weight: bold;
}

a.footlinkresort:hover{

color:red;
font-size:20px;

-webkit-transition: font-size .3s ease;
	-moz-transition: font-size .3s ease;
	-o-transition: font-size .3s ease;
	transition: font-size .3s ease;
 

}



span.rollover {
	opacity: 1;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	background:center center no-repeat rgba(0,0,0,.9);
	cursor: pointer;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
}

span.rollover:hover {
	opacity: .9;
	-o-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-webkit-transition: -webkit-transform 1s;
	-webkit-box-shadow: 0px 0px 4px #000;
	-moz-box-shadow: 0px 0px 4px #000;
	box-shadow: 0px 0px 4px #000;
}
.imro{
position: relative;
width:100%;
display: block;
}
.mdd{
position: absolute;
   top: 40%;
   
   left: 0;
   width: 100%;
   text-align: center;
}

.numberCircle {
    border-radius: 50%;
   
    width: 60px;
    height: 60px;
    padding: 8px;
    
   
    border: 5px solid #fefcfb;
    color:#fefcfb;
    
    text-align: center;
    
    font-size:50px;
    line-height: 60px;
    font-weight: bold;

}



/*Change icons size here*/
.social-icons .fa {
	font-size: 1.8em;
}
/*Change icons circle size and color here*/
.social-icons .fa {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #FFF;
	color: rgba(255, 255, 255, 1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;   
}

.social-icons.icon-circle .fa{ 
	border-radius: 50%;
}
.social-icons.icon-rounded .fa{
	border-radius:5px;
}
.social-icons.icon-flat .fa{
	border-radius: 0;
}

.social-icons .fa:hover, .social-icons .fa:active {
	color: #FFF;
	-webkit-box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	box-shadow: 1px 1px 3px #333; 
    background:#AE1E00;
}
.social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active { 
 	
   /*
   -webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1); */ 
  background:#AE1E00;
  
}
.social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active { 

/*
	-webkit-transform: scale(1.1) rotate(360deg);
	-moz-transform: scale(1.1) rotate(360deg);
	-ms-transform: scale(1.1) rotate(360deg);
	-o-transform: scale(1.1) rotate(360deg);
	transform: scale(1.1) rotate(360deg);
*/
}
 
.social-icons .fa{background:rgba(0,0,0,.8);}

.list-unstyled {
	padding-left: 0;
	list-style: none;
  width:100%;
  text-align:center;
  margin:25px 0 0 0;
}
.list-inline li {
	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
}
.csar{
position: absolute;
z-index:5;
top:0;
left:0;
}

.adtum{

width:20%;float:left;
text-align: center;
margin-top:15px;


}
.adtum img{
width:90%;

}
.tobarx{
position: absolute;
width:45px;
z-index: 5;
right: -80px;
top:45%;

}
.redname{
display:none;
color:red;
}

.isa_info, .isa_success, .isa_warning, .isa_error {
margin: 10px 0px;
padding:5px;
width:100%;
display:none;

}
.isa_info {
    color: #00529B;
    background-color: #BDE5F8;
}
.isa_success {
    color: #4F8A10;
    background-color: #DFF2BF;
}
.isa_warning {
    color: #9F6000;
    background-color: #FEEFB3;
}
.isa_error {
    color: #D8000C;
    background-color: #FFBABA;
}
.isa_info i, .isa_success i, .isa_warning i, .isa_error i {
    margin:5px 10px;
    
    vertical-align:middle;
}

.lineo p{

}