@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'helvetica_neue_lt_com47LtCn';
    src: url('fonts/ufonts.com_helvetica_neue_lt_com_47_light_condensed-webfont.eot');
    src: url('fonts/ufonts.com_helvetica_neue_lt_com_47_light_condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_helvetica_neue_lt_com_47_light_condensed-webfont.woff') format('woff'),
         url('fonts/ufonts.com_helvetica_neue_lt_com_47_light_condensed-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_helvetica_neue_lt_com_47_light_condensed-webfont.svg#helvetica_neue_lt_com47LtCn') format('svg');
    font-weight: normal;
    font-style: normal;

}
body
{
	background:url(ThumbnailGallery/images/cbg.jpg) ;
	margin:0;
}
a:link {
	color: #FFF;
	text-decoration: none;
}
a:visited {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #b5d52a;
	text-decoration: none;
}
a:active {
	color: #FFF;
	text-decoration: none;
}
#wrapper
{
	background:url(ThumbnailGallery/images/bg.png) repeat-x;
	width:100%;
	margin:0 auto;
	height:auto;
}
#header
{
	width:900px;
	margin:0 auto;
}
.logo
{
	width:100%
	float:left;
	text-align:center;
	position:relative;
	z-index:999999;
	padding-top:50px;
}


.menu_nav1
{
	width:60.9%;
	padding-left:28.1%;
	padding-right:3.1%;
	padding-bottom:15px;
	position:relative;
	z-index:999999;
	padding-top:20px;
}
ul.menu_nav1 {
	margin-left: 0;
	padding-left: 0;
	white-space: nowrap;
}
.menu_nav1 li {
	display: inline;
    
    list-style-type: none;
    text-align: center;
    
}
.menu_nav1 a { 
	padding-right:4%;
	font-size:14px;
	font-family:"helvetica_neue_lt_com47LtCn";
	text-decoration:none;
	color:#FFF;	
	width: 50px;
}
.menu_nav1 a:hover {
	color: #b5d52a;
	text-decoration: none;
	font-family:"helvetica_neue_lt_com47LtCn";

	
}
.menu_nav1 ul li.active a{
	text-decoration:none;
	color:#b5d52a;
	font-family:"helvetica_neue_lt_com47LtCn";
	font-weight:bold;
	
}
.menu_nav1 ul li a:hover {
	text-decoration:none;
	color:#91bd2e;
	font-family:"helvetica_neue_lt_com47LtCn";
	
	
}
#footer
{
	width:900px;
	margin:0 auto;
	/*background:url(ThumbnailGallery/images/cbg.jpg);*/
}
.f_img
{
	width:100%;
	float:left;
	padding-top:20px;
	text-align:center;
	cursor:pointer;
}
.flower
{
	position:absolute;
	top:0px;
}
#content
{
	width:800px;
	margin:0 auto;
}
.c_img
{
	width:100%;
	float:left;
	position:relative;
	z-index:999999;
	text-align:center;
	
}
.history
{
	width:100%;
	float:left;
	position:relative;
	z-index:999999;
	text-align:center;
	font-size:14px;
	color:#FFFFFF;
	font-family:HelveticaNeueCond;
	text-align:left;
	
}
#history
{width:65%; margin:0px auto; margin-top:85px;
font-family:Arial, Helvetica, sans-serif;

}
.galleryContainer
{
	top:30px !important;
}
.c_img table 
{
	text-align: center;
	}
	.c_img td 
{
	color:#FFFFFF;
	font-size:15px;
	line-height:15px;
	font-family: Arial, Helvetica, sans-serif;
	}
	.footer_font

	{
		 color: #FFFFFF;
   font-family:"helvetica_neue_lt_com47LtCn" !important;

    font-size: 17px;
   
    padding-left:200px;
    position: relative;
    top: -52px;
		}
		.footer_font a

	{
		 color: #FFFFFF;
   font-family:"helvetica_neue_lt_com47LtCn" !important;
    font-size: 17px;
	text-decoration:none;
   
		}
		.footer_font a:hover

	{
	text-decoration:underline;
   
		}



/* Demo Syles */
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.5;
}
.device {
  width: 640px;
  height: 300px;
  padding: 30px 40px;
  border-radius: 20px;
  background: #111;
  border: 3px solid white;
  margin: 5px auto;
  position: relative;
  box-shadow: 0px 0px 5px #000;
}
.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.swiper-container {
  height: 300px;
  width: 640px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}

@media screen and (max-width : 399px)
 {
	 #wrapper
	 {
		 width:100%;
	 }
	 .device , .swiper-wrapper , .swiper-container
	 {
		 width:70%;
	 }
	
	 #header , .logo , #content ,.c_img , .flower
	 {
		 width:100%;
	 }
	 .c_img img
	 {
		 width:100%;
	 }
	 .flower img
	 {
		 width:35%;
	 }
	 .menu_nav1
	 {
		 padding-right: 20%;
    width: 41%;
	 }
	 .logo img
	 {
		 width:100%;
	 }
	 #footer , .f_img
	 {
		 width:100%;
	 }
	 .f_img img
	 {
		 width:100%;
	 }
	 .footer_font
	 {
	font-size: 6px;
    left: -67px;
    position: relative;
    top: -16px;
}
	  .footer_font a
	 {
font-size: 4px;
    left: 250px;
    position: relative;
    top: -18px;		
	 }
	 
}
@media screen and (min-width : 410px) and (max-width : 480px) {
	#wrapper
	 {
		 width:100%;
	 }
	  .device , .swiper-wrapper , .swiper-container
	 {
		 width:100%;
	 }
	 .swiper-slide img
	 {
		 width:60%;
	 }
	 #header , .logo , #content ,.c_img , .flower
	 {
		 width:100%;
	 }
	 .c_img img
	 {
		 width:100%;
	 }
	  .flower img
	 {
		 width:50%;
	 }
	 .menu_nav1
	 {
		 padding-right: 20%;
    width: 41%;
	 }
	 .logo img
	 {
		 width:100%;
	 }
	 #footer , .f_img
	 {
		 width:100%;
	 }
	 .f_img img
	 {
		 width:100%;
	 }
	  .footer_font
	 {
	font-size: 8px;
    left: -10px;
    position: relative;
    top: -16px;
}
}
@media screen and (min-width : 492px) and (max-width : 640px) {
	#wrapper
	 {
		 width:100%;
	 }
	  .device , .swiper-wrapper , .swiper-container
	 {
		 width:100%;
	 }
	  .swiper-slide img
	 {
		 width:60%;
	 }
}
@media screen and (min-width : 410px) and (max-width : 480px) {
	#wrapper
	 {
		 width:100%;
	 }
	  .device , .swiper-wrapper , .swiper-container
	 {
		 width:100%;
	 }
	  .swiper-slide img
	 {
		 width:60%;
	 }
	 #header , .logo , #content ,.c_img , .flower
	 {
		 width:100%;
	 }
	 .c_img img
	 {
		 width:100%;
	 }
	  .flower img
	 {
		 width:50%;
	 }
	 .menu_nav1
	 {
		 padding-right: 20%;
    width: 41%;
	 }
	 .logo img
	 {
		 width:100%;
	 }
	 #footer , .f_img
	 {
		 width:100%;
	 }
	 .f_img img
	 {
		 width:100%;
	 }
}
@media screen and (min-width : 500px) and (max-width : 700px) {
	#wrapper
	 {
		 width:100%;
	 }
	  .device , .swiper-wrapper , .swiper-container
	 {
		 width:100%;
	 }
	 #header , .logo , #content ,.c_img , .flower
	 {
		 width:100%;
	 }
	 .flower img
	 {
		 width:20%;
	 }
	 .menu_nav1
	 {
		 padding-right: 20%;
    width: 41%;
	 }
	 .c_img img
	 {
		 width:100%;
	 }
	 .logo img
	 {
		 width:100%;
	 }
	 #footer , .f_img
	 {
		 width:100%;
	 }
	 .f_img img
	 {
		 width:100%;
	 }
	  .footer_font
	 {
	font-size: 10px;
    
    top: -42px;
}
	  .footer_font a
	 {
font-size: 10px;
   
    top: -18px;		
	 }
}
@media screen and (min-width : 700px) and (max-width : 800px) {
	#wrapper
	 {
		 width:100%;
	 }
	  .device , .swiper-wrapper , .swiper-container
	 {
		 width:60%;
	 }
	 .swiper-slide img
	 {
		 width:60%;
	 }
	 #header , .logo , #content ,.c_img , 
	 {
		 width:100%;
	 }
	 .flower
	 {
		 width:70%;
	 }
	 .c_img img
	 {
		 width:100%;
	 }
	  .flower img
	 {
		 width:50%;
	 }
	 .menu_nav1
	 {
		 padding-right: 20%;
    width: 41%;
	 }
	 .logo img
	 {
		 width:100%;
	 }
	 #footer , .f_img
	 {
		 width:100%;
	 }
	 .footer_font
	 {
		 font-size:12px;
		 padding-left:110px;
	 }
	 .f_img img
	 {
		 width:100%;
	 }
}

/*light box*/
 .my-dialog {
        width: 500px;
        background: #fff;
        resize: both;
        overflow: auto;

        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;

        padding: 15px;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;

        -webkit-box-shadow: 0 3px 6px rgba(0,0,0,1);
        -moz-box-shadow: 0 3px 6px rgba(0,0,0,1);
        box-shadow: 0 3px 6px rgba(0,0,0,1);

        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e6e6e6));
        font: 13px "Helvetica";
      }
      
      .my-dialog input {
        resize: none;
      }
      
      .my-dialog h1 {
        margin: 0 0 15px;
        font: bold 24px Helvetica;
      }