@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:20px;

color:#6e6e6e;

cursor: pointer;

font-weight: bold;

}

.menulistx li span:hover{

color:#94a734;



font-size:23px;



-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{



}