a{text-decoration:none}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.hamburger{
	    display: none;
}
@font-face {
    font-family: 'porkysregular';
    src: url('../fonts/porkys_0-webfont.eot');
    src: url('../fonts/porkys_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/porkys_0-webfont.woff2') format('woff2'),
         url('../fonts/porkys_0-webfont.woff') format('woff'),
         url('../fonts/porkys_0-webfont.ttf') format('truetype'),
         url('../fonts/porkys_0-webfont.svg#porkysregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
.white-bg{width: 1100px;
		background:#fff; position:relative; float:left;   padding-bottom:10px;
		box-shadow:0px 1px 6px #333; -webkit-box-shadow:0px 1px 6px #333; -moz-box-shadow:0px 1px 6px #333; margin:0 auto;}	
		
.fixed-head{position:fixed; top:0; width:100%; height:90px; z-index:100; background:rgba(0,0,0,0.5); border-bottom:2px #efc34a solid}
.fixed-head .layer .header{z-index:999;	width:1100px;}
.social-link{width:80%; height:15px; position:relative; float:right;  margin-top:-8px; z-index:999;}

/*.social-div{width:auto; float:right; position:relative; float:left;  margin-left:60px; padding:2px 0px 0 5px; border-radius:3px; -webkit-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px;  color:#68696b; font-size:18px;} .social-div img{margin-right:5px; margin-top:-8px; vertical-align:middle; }*/

.layer .logo1{width:220px; position:relative; float:left; } .layer .logo1 img{width:210px; z-index:999; margin-top:15px;}
.layer .menus {	    width: 1175px; margin:auto;  
  height: auto;
 z-index:999;	
   color:#fff; 
}
.layer .menus .menu {
  position: relative;
}
.layer .menus .menu .type {
  position: absolute;
  width: 100%;
  height: 100%;  
}
.layer .menus .menu .type * {
  filter: inherit;
}
.layer .menus .menu .background {
  width: 100%;
  height: 100%;
  behavior: url('styles/PIE.htc');
}
.layer .menus .menu .menuContent {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
}
.layer .menus .menu.home {
}
.layer .menus .menu.home .menuContent {
}
.layer .menus .menu.home .menuContent img {
  position: relative;
  top: 1px;
  left: 1px;
}
.layer .menus .menu.product {
}
.layer .menus .menu.product .menuContent {
}
.layer .menus .menu.followus {
}
.layer .menus .menu.followus .menuContent {
}
.layer .menus .menu.contact {
}
.layer .menus .menu.contact .menuContent {
}
.layer .menus .type.selected .stick {
  position: absolute;
  top: 29px;
}
.layer .menus .menu.home .type.selected .stick {
  left: 5px;
}
.layer .menus .menu.product .type.selected .stick {
  left: 24px;
}
.layer .menus .menu.followus .type.selected .stick {
  left: 31px;
}
.layer .menus .menu.contact .type.selected .stick {
  left: 43px;
}
/* page 1 colors */
.layer .menus .menu .type.normal {
  color: #fff;
}
 .layer .menus .menu .type .over {
  color: #fff;
}
 .layer .menus .menu .type.over .background {
  background-color: none;
}
 .layer .menus .menu .type.selected {
  color: #f15d58; background:#006;
}

#cssmenu ul {

  font: normal 0.5333333333333333em Arial, Helvetica, sans-serif;
  width: auto;margin-left:100px;  height:50px;
}
#cssmenu li {
  margin: 28px 0px 0 0px;
  width:auto; 
  float: left;
  position: relative; text-align:center;
  list-style: none; border-right:1px #fff solid;
 
}
#cssmenu li:nth-last-child(1){border:none;}
#cssmenu a,
#cssmenu a:link {
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 5px 8px;
  margin: 0; position:relative;
}
#cssmenu a:hover {

  color: #fff; position:relative;
}
#cssmenu .active a,
#cssmenu li:hover > a {
  color: #fff; position:relative;
}

#cssmenu ul ul ul li:hover a,
#cssmenu ul ul li:hover a,
#cssmenu li:hover li a {
  background: none;
  border: none;
  color: #666;
  -webkit-box-shadow: none;
  -moz-box-shadow: none; position:relative;
}
#cssmenu ul ul a:hover {
  background: #fdb352  !important;
  color: #fff !important;

  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu li:hover > ul {
  display: block;
}
#cssmenu ul ul {
  display: none;
  margin: 0;
  padding: 0;
  width: 200px; height:auto;
  position: absolute;
  top: 25px;
  left: 0;
  background: #fff;

}

#cssmenu ul ul ul{
  display: none;
  margin: 0;
  padding: 0;
  width: 160px; height:100px;
  position: absolute;
  top: 0px;
  left: 160px;
  background: #fff;

}
#cssmenu ul ul li {
  float: none;
  margin: 0;
  text-align:left; width:100%;
}
#cssmenu ul ul ul li {
  float: none;
  margin: 0;
  text-align:left; width:100%;
}
#cssmenu ul ul a,
#cssmenu ul ul a:link {
  font-weight: normal;
  font-size: 13px;
}
#cssmenu ul ul ul a,
#cssmenu ul ul ul a:link {
  font-weight: normal;
  font-size: 13px;
}

#cssmenu ul:after {
  content: '.';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
* html #cssmenu ul {
  height: 1%;
}

/*.layer .menus .menu .type.selected .background {
  background-color: #000;
}
 page 2 colors 
.page2 .layer .menus .menu .type.normal {
  color: #363635;
}
.page2 .layer .menus .menu .type.over {
  color: #363635;
}
.page2 .layer .menus .type.over .background {
  background-color: #ffffff;
}
.page2 .layer .menus .menu .type.selected {
  color: #dbdecb;
}
.page2 .layer .menus .menu .type.selected .background {
  background-color: #363635;
}*/
/* page 3 colors 
.page3 .layer .menus .menu .type.normal {
  color: #363635;
}
.page3 .layer .menus .menu .type.over {
  color: #a68f58;
}
.page3 .layer .menus .type.over .background {
  background-color: #ffffff;
}
.page3 .layer .menus .menu .type.selected {
  color: #a68f58;
}
.page3 .layer .menus .menu .type.selected .background {
  background-color: #363636;
}*/
 page 4 colors 
.page4 .layer .menus .menu .type.normal {
  color: #939598;
}
.page4 .layer .menus .menu .type.over {
  color: #363635;
}
.page4 .layer .menus .type.over .background {
  background-color: #ffffff;
}
.page4 .layer .menus .menu .type.selected {
  color: #939598;
}
.page4 .layer .menus .menu .type.selected .background {
  background-color: #000000;
}
.page2 .layer .pagecenter .menus{ margin-top:100px;}
.linkLineContainer {
  display: inline-block;
  width: 0px;
  position: relative;
  top: 3px;
}
.linkLineContainer .linkLine {
  background-color: #ffffff;
  width: 0px;
  height: 1px;
}
.linkify .image,
.linkifyForm .image {
  position: relative;
}
.linkify .image .over {
  position: relative;
  left: -14px;
}
.linkifyForm .image .over {
  position: relative;
  left: -10px;
}
.logoContainer {
  position: relative;
  height: 55px;
  margin-left: 19px;
  margin-top: 25px;
}
.logoContainer .shape {
  width: 170px;
  height: 55px;
}
.logoContainer .logo {
  position: absolute;
}
.logoContainer .logo .head {
  float: left;
  width: 60px;
  height: 55px;
}
.logoContainer .logo .boyCoy {
  margin-left: 60px;
  width: 110px;
  height: 55px;
}
.preloader-ready .logoContainer .out .head {
  background: url('../images/logos.png') 0px -55px;
}
.preloader-ready .logoContainer .over .head {
  background: url('../images/logos.png') 0px 0px;
}
.img1 {
  position: absolute;
  top: 60px;
  left: -80px;
}
.img2 {
  position: absolute;
  top: 126px;
  left: 250px;
}
.img4 {
  position: absolute;
  top: 126px;
  left: 485px;
}
.img5 {
  position: absolute;
  top: 31px;
  left: 730px;
}
.img6 {
  position: absolute;
  top: 78px;
  left: -147px;
}
.img7 {
  position: absolute;
  top: 33px;
  left: -14px;
}
.img9 {
  position: absolute;
  top: 3px;
  left: 158px;
}
.img11 {
  position: absolute;
  top: 22px;
  left: 452px;
}
.img12 {
  position: absolute;
  top: 39px;
  left: 626px;
}
.img14 {
  position: absolute;
  top: 12px;
  left: 800px;
}
.img15 {
  position: absolute;
  top: 49px;
  left: 972px;
}
.img8 {
  position: absolute;
  top: 67px;
  left: 72px;
}
.img10 {
  position: absolute;
  top: 25px;
  left: 262px;
}
.img13 {
  position: absolute;
  top: 22px;
  left: 631px;
}
/* page - common */
.page {
  visibility: hidden;
  width: 100%;
  height: 800px;
  position: relative; 
}

.page1 {
  height: 800px;
}
.page2 {
  height: 870px;
}
.page3 {
  height: 840px;
}
.page .layer {
  position: absolute;
}
.pageCenter {
  width: 1020px;
  position: relative;
  margin: 0px auto;
}
.pageCenter1 {
  width: 100%;
  position: relative;
  margin: 0px auto;
}
/* parallaxe dependent styles */
.page0{display:none; visibility:hidden;}
.no-parallaxe .page0 {
  display: none;
}
.no-parallaxe .streacher {
  display: none;
}
.parallaxe .streacher {
  width: 0px;
  height: 4170px;
}
.parallaxe .page {
  position: fixed;
}
.parallaxe .page0 {   display: none; visibility:hidden;
  height: 0px;
  top: -1500px; 
}
.parallaxe .page1 {
  height: 675px;
  top: 0px;
}
.parallaxe .page2 {
  height: 1035px;
  top: 1500px;
}
.parallaxe .page3 {
  height: 1632px;
  top: 2533px;
}
.parallaxe .page4 {
  top: 2600px;
}


.parr{position:absolute; left:200px; top:0px;}
.pand{position:absolute; left:-200px; top:0px;}

.load-index{position:absolute; font:35px Arial, Helvetica, sans-serif; top:-100px; font-style:normal; font-weight:900; color:#666;}


 .loading { 
  position: relative;
  margin-top: 600px;
  text-align:center;
/*  padding:10px; background:#ccc;*/
}
.page1 .background {
  overflow: hidden;
  width: 100%;
  height: 760px;
  background: transparent;
}
.page1 .background .shape {
  width: 100%;
  height: 760px;
  position: relative;
  left: 73px;
}
.preloader-ready .page1 .background .shape {
  background: center 235px no-repeat url('../images/page1/bgd_pattern.png');
}
.page1 .header .column {
  float: left;
  position: relative;
}
.page1 .header .columnLeft {
  width: 371px;
}
.page1 .header .columnLeft .line {
  margin-top: 30px;
}
.page1 .header .columnCenter {
  width: 242px;
  height: 1px;
}
.page1 .header .columnRight {
  width: 407px;
}
.page1 .header .columnRight .line {
  margin-top: 36px;
}
.page1 .header .columnRight .menus {
  margin-left: 88px;
}
.page1 .main {
  height: 400px;
  top: 111px;
}
.page1 .mainLeft {
  width: 376px;
  line-height: 1.25;
}
.page1 .mainRight {
  width: 340px; height:300px;
  left: 668px;
  line-height: 0; 
}
.no-parallaxe .page2 .pageContent .layer {
  top: 160px;
}
.page1 .mainCenter  {
  width: 100%;
  height: 450px;
  position: absolute;
  top: 55px;
 
}
.page2 .background .shape {
  width: 100%;
  height: 760px;
  position: relative;
 
}
 .page2 .background .shape {
  background: center center no-repeat fixed url('../images/bgd_pattern.png');
    	-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
}



.page2 .background {
  width: 100%;
  height: 1010px;
background: rgb(255,255,255); /* Old browsers */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iIzdmZDJmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(127,210,254,1) 56%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(56%,rgba(127,210,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(127,210,254,1) 56%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(127,210,254,1) 56%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(127,210,254,1) 56%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(127,210,254,1) 56%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#7fd2fe',GradientType=0 ); /* IE6-8 */
}
.page2 .clouds1 {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 251px;
  top: -137px;
  /* - height + 1px (correction for chrome touch glitches) */
}
.page2 .clouds2 {
  position: absolute;
  width: 100%;
  height: 90px;
  top: -57px;
  /* - height + 1px (correction for chrome touch glitches) */
  /*   left: 14px; */
}
 .page2 .clouds2 {
  background-position: 50% 0px;
  background-repeat: repeat-x;
  background-image: url('../images/clouds/3.png');
}
.page2 .clouds3 {
  overflow: hidden;
  width: 100%;
  height: 140px;
  top: -60px;
  z-index: 2;
}
.parallaxe .page2 .clouds3 {
  top: 690px;
}
.page2 .clouds4 {
  width: 100%;
  height: 190px;
  top: -20px;
  z-index:1;
}
.parallaxe .page2 .clouds4 {
  top: 760px;
}
.page2 .header .column {
  float: left;
  position: relative;
}
.page2 .header .columnLeft {
  width: 350px;
}
.page2 .header .columnLeft .line {
  margin-top: 30px;
}
.page2 .header .columnCenter {
  width: 182px;
  height: 100px;
}
.page2 .header .columnRight {
  width: 488px;
}
.page2 .header .columnRight .line {
  margin-top: 36px;
}
.page2 .header .columnRight .menus {
  margin-left: 174px;
}
.page2 .mainLeft {
  width: 400px;
  height: 517px; top:150px;
  line-height: 0;
}
.page2 .mainCenter {
  width: 100%;
  height: 750px;
  top:110px;
  left: 50px;
  line-height: 0; 
}

.page2 .mainCenter .listM{width:200px; height:auto; position:relative; float:left;}
.page2 .mainCenter .listM ul{}

 .heading{width:500px; height:50px; position:absolute; float:left; font:27px  'porkysregular'; letter-spacing:1px; color:#ed1c24; text-transform:uppercase; text-shadow:0 1px 1px #333; font-weight:bold; top:80px; left:-450px; text-align:right;  background:url(../images/head-bg.png) no-repeat; padding-top:7px;}

.heading2{ position:relative; width:100%; font:30px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold;  margin-bottom:30px;}

.page2 .mainLeft .mosquitob{
	width:250px; height:208px; position:absolute; margin-top:70px; margin-left:30px;
	}
	
	
.page2 .mainLeft .perfume{
	width:250px; height:162px; position:absolute; margin-top:320px; margin-left:180px;
	}
	
.page2 .mainCenter .handS{
	width:246px; height:281px; position:absolute; margin-top:60px; margin-left:290px;
	}
	
.page2 .mainCenter .mosquitoTT{
	width:250px; height:255px; position:absolute; margin-top:300px; margin-left:500px;
	}	
.page2 .mainCenter .lunchP{
	width:220px; height:239px; position:absolute; margin-top:40px; margin-left:670px;
	}			


.page2 .mainCenter .description {
  margin-top: -13px;
  margin-left: -25px;
  transform-origin: 262px 15px;
  -webkit-transform-origin: 262px 15px;
  -moz-transform-origin: 262px 15px;
  -o-transform-origin: 262px 15px;
  -ms-transform-origin: 262px 15px;
}
.page2 .mainRight {
  left: 755px;
  color: #363635;
  font-family: gsBold;
  line-height: 1.25; top:150px;
}
.page2 .mainRight .header {
  margin-left: 30px;
  margin-top: 182px;
  font-size: 30px;
  letter-spacing: -1px;
}
.no-parallaxe .page3 .pageContent {
  position: relative;
  top: 0px;
}
.page3 .layer {
  z-index: 3;
}
.page3 .background {
  width: 100%;
  height: 1200px;
}
 .page3 .background {
	/*background:#98d9f7;*/ background-color:#a68f58;   background: url(../images/abt-bg.jpg) center top no-repeat fixed;
	  	-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover; 
	}
.preloader-ready .page3 .background {
  background-repeat: no-repeat;

}

.page3 .mountains3 {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100px;
  top: -94px;
  /* - height + 1px (correction for chrome touch glitches) */
  text-align: center;
}
 .page3 .mountains3 {
  background-position: 50% 6px;
  background-repeat: repeat-x;
  background-image: url(../images/page3/bgd.png);
}
.page3 .mountains3 .mountainsFlag {
  position: relative;
  left: 489px;
}
.page3 .mountains2 {
  width: 100%;
  height: 120px;
  top: -88px;
}
.no-parallaxe .page3 .mountains2 {
  top: -28px;
}
.page3 .mountains1 {
  overflow: hidden;
  width: 100%;
  height: 265px;
  top: -150px;
  z-index: 4;
}
.no-parallaxe .page3 .mountains1 {
  top: -30px;
}
.page3 .header {
  z-index: 10;
}
.page3 .header .column {
  float: left;
  position: relative;
}
.page3 .header .columnLeft {
  width: 443px;
}
.page3 .header .columnLeft .line {
  margin-top: 30px;
}
.page3 .header .columnCenter {
  width: 115px;
  height: 100px;
}
.page3 .header .columnRight {
  width: 462px;
}
.page3 .header .columnRight .line {
  margin-top: 36px;
}
.page3 .header .columnRight .menus {
  margin-left: 148px;
}
.page3 .main {
  color: #363635;
}
.page3 .mainLeft {
  line-height: 1.25;
  letter-spacing: -1px;
}
.page3 .mainLeft.paperWhite { width:665px;
 
  top: 120px;
  height: 450px; left:180px;
 background:url(../images/about-back.png) no-repeat;
}

.page3 .heading3{width:260px; height:50px; position:absolute; float:left; font:30px  'calibri',Arial, Helvetica, sans-serif; color:#fdb717; text-transform:uppercase; text-shadow:0 1px 1px #333; font-weight:bold; top:130px; left:-350px;  background:url(../images/abt-head.png) no-repeat; padding-left:40px; padding-top:0px;}

.page3 .mainLeft.paperWhite .paperContent { margin-top:70px;
/*  transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);*/
}
.page3 .mainLeft.paperWhite .text {
  width: 77%;
  position: absolute;
  /*top:16px;*/
    top:26px;
  left: 10px;
  text-align: justify;
}
.page3 .mainLeft.paperWhite .text .header {
  margin-bottom: 10px;
  font-family: gsBold;
  font-size: 28px;
  letter-spacing: -1px;
}
.page3 .mainLeft.paperYellow {
  top: 370px;
  left: 55px;
  height: 216px;
}
.page3 .mainLeft.paperYellow .paperContent {
  transform: rotate(2deg);
  -webkit-transform: rotate(2deg) translate3d(0, 0, 0);
  -moz-transform: rotate(2deg) translate3d(0, 0, 0);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
}
.page3 .mainLeft.paperYellow .ad {
  position: absolute;
  top: 75px;
  left: 39px;
  width: 183px;
  font-size: 22px;
  letter-spacing: -1px;
  transform: rotate(2deg);
  -webkit-transform: rotate(2deg) translate3d(0, 0, 0);
  -moz-transform: rotate(2deg) translate3d(0, 0, 0);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
}
.page3 .mainLeft.paperYellow .linkedin {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
}
.page3 .mainLeft.paperYellow .ad .linkedin {
  top: 3px;
  left: 3px;
}
.page3 .mainLeft.paperYellow .jb .linkedin {
  top: 4px;
  right: 3px;
}
.page3 .mainLeft.paperYellow .linkedin .out {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-image: url('../images/page3/linkedin_sprite.png');
}
.page3 .mainLeft.paperYellow .linkedin .over {
  position: absolute;
  width: 100%;
  height: 100%;
  background-position: -26px 0px;
  background-repeat: no-repeat;
  background-image: url('../images/page3/linkedin_sprite.png');
}
.page3 .mainLeft.paperYellow .ad img {
  position: relative;
  left: 8px;
  top: 3px;
}
.page3 .mainLeft.paperYellow .jb {
  position: absolute;
  top: 132px;
  left: 57px;
  width: 183px;
  font-size: 22px;
  letter-spacing: -1px;
  transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-1deg) translate3d(0, 0, 0);
  -o-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
}
.page3 .mainLeft.paperYellow .jb img {
  position: relative;
  left: -8px;
  top: 4px;
}
.page3 .mainCenter {
   width: 100%;
  top: 750px;
  z-index: 4;  font-size:12px;
}
.page3 .mainRight {
  width: 350px;
  height: 432px;
  top: 108px;
  left: 665px;
  z-index: 4;
  line-height: 1.15;
}
.page3 .mainRight .description {
	width:200px;
  margin-top: 28px;
  font-size: 18px;
  letter-spacing: -1px;  transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
}


.page3 .mainRight .desc{	margin-top:50px; margin-left:24px;

 /* transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);*/
  }
.page3 .mainRight .bg3 .head3 {position:relative;
  font-family: gsBold;
  font-size: 30px; color:#fdb717; font-weight:bold; 
  letter-spacing: -1px; top:50px; margin-left:70px;  /* transform: rotate(-2deg);
  -webkit-transform: rotate(-2deg) translate3d(0, 0, 0);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);*/
}


.page3 .mainRight .logos {
  margin-top: 20px;
}
.page3 .mainRight .letsWork {
  margin-top: 10px;
  color: #95d91a;
  font-family: gs;
  font-size: 20px;
  letter-spacing: -1px;
}
.mountain1 {
  position: absolute;
  top: 19px;
  left: 76px;
}
.mountain2 {
  position: absolute;
  top: 24px;
  left: 610px;
}
.mountain3 {
  position: absolute;
  top: 0px;
  left: 620px;
}
.mountain4 {
  position: absolute;
  top: 14px;
  left: 912px;
}
.mountain5 {
  position: absolute;
  top: 0px;
  left: -210px;
}
.mountain6 {
  position: absolute;
  top: 19px;
  left: 370px;
}
.mountain7 {
  position: absolute;
  top: 33px;
  left: 99px;
}
.mountain8 {
  position: absolute;
  top: 40px;
  left: 426px;
}
.mountain9 {
  position: absolute;
  top: 34px;
  left: 803px;
}

.page3 .mainBottom {
  overflow: hidden; position:relative;
  width: 100%;
  top: 765px;
}
.parallaxe .page3 .mainBottom {
  top: 515px;
}

.page3 .mainBottom .footer {
  width: 100%;
  height: 60px;
  font-size: 12px;
  background-color: #2b2b2b;
}
.parallaxe .page3 .mainBottom .	footer {
  height: 60px;
}
.page3 .mainBottom .footer .pageCenter {
  line-height: 55px;
}
.page3 .mainBottom .footer .pageCenter span {
  margin-right: 14px;
}
.page3 .mainBottom .footer .lighter {
  color: #929496;
}
.page3 .mainBottom .footer .wrapperTable {
  display: table;
}
.page3 .mainBottom .footer .wrapperRow {
  display: table-row;
}
.page3 .mainBottom .footer .wrapperCell {
  display: table-cell;
}
.page3 .mainBottom .footer .wrapperLeft {
  white-space: nowrap;
}



.page3 .mainBottom .footer .wrapperCenter {
  width: 100%;
}
.page3 .mainBottom .footer .wrapperRight {
  padding-right: 60px;
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}
.page3 .mainBottom .footer .darker {
  color: #68696b;
}
.page3 .mainBottom .footer .fbLike {
  display: inline-block;
}
.page3 .mainBottom .footer .tweet {
  display: inline-block;
  width: 90px;
}
.page3 .mainBottom footer .plusOne {
  display: inline-block;
}
.page3 .mainBottom footer .tweet iframe,
.page3 .mainBottom footer .fbLike span,
.page3 .mainBottom footer .plusOne div {
  vertical-align: middle !important;
}
.page3 .layer .main .footerdiv{width:100%; height:50px; background:#fff; border:1px #000 solid; position:relative;}
.no-parallaxe .page4 .pageContent {
  position: relative;
  top: 0px;
}
.page4 .layer {
  z-index: 4;
}
.page4 .waveContainer {
  overflow: hidden;
  width: 100%;
  /*   position: absolute; */
}
.page4 .background1 {
  width: 100%;
  top: -63px;
}
.no-parallaxe .page4 .background1 {
  top: 60px;
}
.page4 .background1 .shape {
  position: relative;
  height: 700px;
  top: 63px;
  background-color: #a68f58;  
}
.no-parallaxe .page4 .background2 {
  top: 25px;
}
.page4 .background2 .shape {
  position: relative;
  height: 300px;
  top: 56px;
  /* - height + 1px (correction for chrome touch glitches) */
  background-color: #685a38;
}
.page4 .background3 {
  width: 100%;
  top: -35px;
}
.no-parallaxe .page4 .background3 {
  top: 0px;
}
.page4 .background3 .shape {
  position: relative;
  height: 300px;
  top: 70px;
  background-color: #4d432a;
}

.page4 .main,
.page4 footer {
  color: #939599;
}
.page4 .maintop {
  width: 450px;
  height: 100px;
  top: -180px;
  left: 300px; float:left; position:relative;
}

.page4 .mainLeft {
  width: 450px;
  height: 400px;
  top: 170px;
  left: 0px; float:left; position:relative; 
}
.preloader-ready .page4 .mainLeft {
 /* background: 0px 45px no-repeat url('../images/page4/anchor.png');*/
}
.page4 .mainLeft .activities {
  position: relative;
  left: 0px;
  top: -110px;
}
.page4 .mainLeft  ul {display:inline-block; margin-top:-110px; margin-left:-50px;}
.page4 .mainLeft  ul li{display:inline-block; }
.page4 .mainRight {
  z-index: 5;
  width: 400px;
  height: 400px; top:70px;
float:left; position:relative; margin-left:50px;
  line-height: 1.25;
}

.page4 .mainRight a {
  color: white;
}
.page4 .mainRight .header {
  margin-top: 0px;
  font-family: gsBold;
  font-size: 35px;
  letter-spacing: -1px; color:#fff; text-shadow:1px 2px #000;
}
.page4 .mainRight .text {
  width: 240px;
  margin-top: 8px;
  font-size: 18px;
  letter-spacing: -1px;
}

.page4 .mainRight .text .eventbox{width:auto; height:180px; position:relative; float:left; margin-bottom:20px; margin-top:20px}
.page4 .mainRight .text .eventbox .eventimg{width:auto; position:relative; margin-top:-130px; margin-left:110px; z-index:-1;}
.page4 .mainRight .text .eventbox .eventimg1{width:auto; position:relative; margin-top:-110px; margin-left:10px; z-index:-1;}

.page4 .mainRight .text .eventbox .eventimg img{border:3px #fff solid;}
.page4 .mainRight .text .event-head{width:110px; height:110px; border-radius:100px; background:#fff; border:8px #C00 solid; }
.TThead{width:95px; text-align:center; z-index:1; margin-top:25px; margin-left:3px; color:#C00; font-size:16px;}
.event-head:hover{box-shadow:0px 6px 3px #333; }
.page4 .mainRight .iconText {
  color: white;
  font-size: 17px;
  letter-spacing: -1px;
  padding-top: 12px;
}
/* chrome hoover fix */
.page4 .mainRight .iconTextRelative1 {
  position: relative;
}
.page4 .mainRight .iconTextRelative2 {
  position: relative;
}
.page4 .mainRight .iconText.iconText1 {
  top: 12px;
}
.page4 .mainRight .iconText.iconText2 {
  top: 24px;
}
.page4 .mainRight .iconText.iconText3 {
  top: 36px;
}
.page4 .mainRight .iconText .icon {
  display: inline-block;
  width: 28px;
  height: 26px;
  position: relative;
  top: 2px;
  margin-right: 2px;
  vertical-align: bottom;
}
.preloader-ready .page4 .mainRight .iconText .icon {
  background-image: url('../images/page4/social_icons.png');
}
.page4 .mainRight .iconText .icon.iconEmailHello {
  background-position: 0px 0px;
}
.page4 .mainRight .iconText .icon.iconPhone {
  background-position: 0px -26px;
}
.page4 .mainRight .iconText .icon.iconLocation {
  background-position: 0px -52px;
}
.page4 .mainRight .iconText .icon.iconFacebook {
  background-position: 0px -78px;
}
.page4 .mainRight .iconText .icon.iconGooglePlus {
  background-position: 0px -104px;
}
.page4 .mainRight .iconText .icon.iconLinkedIn {
  background-position: 0px -130px;
}
.page4 .mainRight .iconText .icon.iconTwitter {
  background-position: 0px -156px;
}
/* .page4 .mainRight .iconText img { */
/* 	position: relative; */
/* 	top: 6px; */
/* 	margin-right: 16px; */
/* } */
.page4 .mainRight .group {
  width: 100px;
  float: left;
  margin-right: 28px;
}
.preloader-ready .page4 .logoContainer .out .head {
  background: url('../images/logos.png') 0px 0px;
}
.preloader-ready .page4 .logoContainer .out .boyCoy {
  background: url('../images/logos.png') -60px 0px;
}
.page4 .mainBottom {
  overflow: hidden;
  width: 100%;
  top: 665px;
}
.parallaxe .page4 .mainBottom {
  top: 515px;
}
.page4 .mainBottom .octopus {
  position: relative;
  width: 444px;
  height: 118px;
  left: 640px;
}
.preloader-ready .page4 .mainBottom .octopus {
  background: no-repeat url('../images/page4/octopus.png');
}
.page4 .mainBottom footer {
  width: 100%;
  height: 80px;
  font-size: 12px;
  background-color: #2b2b2b;
}

footer {
  width: 100%;
  height: 80px;
  font-size: 12px;
  background-color: #2b2b2b;
}
.parallaxe .page4 .mainBottom footer {
  height: 1000px;
}
 footer .pageCenter {
  line-height: 55px;
}
 footer .pageCenter span {
  margin-right: 14px;
}
 footer .lighter {
  color: #929496;
}
 footer .wrapperTable {
  display: table;
}
 footer .wrapperRow {
  display: table-row;
}
 footer .wrapperCell {
  display: table-cell;
}
 footer .wrapperLeft {
  white-space: nowrap; width: 600px;
padding-left: 75px;
}

footer .wrapperLeft {
  white-space: nowrap; width:700px;
}
 footer .wrapperCenter {
  width: 100%;
}

footer .wrapperCenter {
  width: 100%;
}
 footer .wrapperRight {
  padding-right: 0px; 		
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}

footer .wrapperRight {
  padding-right: 0px; 		
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}
 footer .darker {
  color: #68696b;
}

footer .darker {
  color: #68696b;
}
 footer .fbLike {
  display: inline-block;
}
 footer .tweet {
  display: inline-block;
  width: 90px;
}
 footer .plusOne {
  display: inline-block;
}
 footer .tweet iframe,
 footer .fbLike span,
 footer .plusOne div {
  vertical-align: middle !important;
}


/* common */

@font-face {
  font-family: Romy;
  src: url('../fonts/romy/romy.ttf') format('truetype'), url('../fonts/romy/romy.woff') format('woff'), url('../fonts/romy/romy.eot') format('eot');
}
body {
  position: relative;
  margin: 0px;
  font-family: arial;
  -webkit-font-smoothing: antialiased;
  background: #d4f0ff url(../images/clouds-bg.png) center top no-repeat fixed;
    	-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
}
.no-js .page0 {
  visibility: hidden;
}
::selection {
  background: #fbb613/*#9be5f8*/;
  color: #000000/*#dcddcd*/;
}
.css3button:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #990000;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ffc821 25%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fff3db),
		color-stop(0.25, #ffc821),
		to(#ff3c00));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #b85f00;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.css3button {
	color: #ffffff;  height:30px;
	background: -moz-linear-gradient(
		top,
		#fff3db 0%,
		#ff3c00);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#fff3db),
		to(#ff3c00));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 1px rgba(000,000,000,0.5),
		inset 0px -1px 0px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 1px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}


/*.red {
    text-shadow:-1px -1px 0 #A84155;
    background: #D25068;
    border:1px solid #D25068;
    
    background-image:-webkit-linear-gradient(top, #F66C7B, #D25068);
    background-image:-moz-linear-gradient(top, #F66C7B, #D25068);
    background-image:-ms-linear-gradient(top, #F66C7B, #D25068);
    background-image:-o-linear-gradient(top, #F66C7B, #D25068);
    background-image:linear-gradient(to bottom, #F66C7B, #D25068);
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
    box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #AD4257, 0 4px 2px rgba(0, 0, 0, .5);
}

.red:hover {
    background: #F66C7B;
    background-image:-webkit-linear-gradient(top, #D25068, #F66C7B);
    background-image:-moz-linear-gradient(top, #D25068, #F66C7B);
    background-image:-ms-linear-gradient(top, #D25068, #F66C7B);
    background-image:-o-linear-gradient(top, #D25068, #F66C7B);
    background-image:linear-gradient(top, #D25068, #F66C7B);
}*/

.blue {
    text-shadow:-1px -1px 0 #2C7982;
    background: #3EACBA;
    border:1px solid #379AA4;
    background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
    background-image:linear-gradient(top, #48C6D4, #3EACBA);
    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    
    -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    -moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
}

.blue:hover {
    background: #48C6D4;
    background-image:-webkit-linear-gradient(top, #3EACBA, #48C6D4);
    background-image:-moz-linear-gradient(top, #3EACBA, #48C6D4);
    background-image:-ms-linear-gradient(top, #3EACBA, #48C6D4);
    background-image:-o-linear-gradient(top, #3EACBA, #48C6D4);
    background-image:linear-gradient(top, #3EACBA, #48C6D4);
}

.red {
   
    background-color: #F55463;
    background-image: -moz-linear-gradient(bottom, #F03C4C, #F96775);
    background-image: -webkit-linear-gradient(bottom, #F03C4C, #F96775);
    background-image: -ms-linear-gradient(bottom, #F03C4C, #F96775);
    background-image: -o-linear-gradient(bottom, #F03C4C, #F96775);
    background-image: linear-gradient(bottom, #F03C4C, #F96775);
    border: 1px solid #CA3844;
    border-top: 1px solid #E27B84;
    border-bottom: 1px solid #B80018;
    -webkit-box-shadow: 0 1px 0 #D82E3F, 0 2px 0 #D22C3D, 0 3px 0 #C82738, 0 4px 0 #B12534, 0 5px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: 0 1px 0 #D82E3F, 0 2px 0 #D22C3D, 0 3px 0 #C82738, 0 4px 0 #B12534, 0 5px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.3);
    box-shadow: 0 1px 0 1px 0 #D82E3F, 0 2px 0 #D22C3D, 0 3px 0 #C82738, 0 4px 0 #B12534, 0 5px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.3);
}


.red:hover {
    -webkit-box-shadow: 0 1px 0 #D82E3F, 0 2px 0 #D22C3D, 0 3px 0 #C82738, 0 4px 0 #B12534, 0 5px 9px rgba(0,0,0,0.45), inset 0 0 2px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: 0 1px 0 #D82E3F, 0 2px 0 #D22C3D, 0 3px 0 #C82738, 0 4px 0 #B12534, 0 5px 9px rgba(0,0,0,0.45), inset 0 0 2px 1px rgba(255,255,255,0.3);
    box-shadow: 0 1px 0 #D82E3F, 0 2px 0 #D22C3D, 0 3px 0 #C82738, 0 4px 0 #B12534, 0 5px 9px rgba(0,0,0,0.45), inset 0 0 2px 1px rgba(255,255,255,0.3);
    color: black;
}

.red:active {
    -webkit-box-shadow: 0 1px 0 #C82738, 0 2px 0 #B12534, 0 3px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.3);
    -moz-box-shadow: 0 1px 0 #C82738, 0 2px 0 #B12534, 0 3px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.3);
    box-shadow: 0 1px 0 #C82738, 0 2px 0 #B12534, 0 3px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.3);
    position: relative;
    top: 2px;
}

.red.pressin:active {
    background-image: -moz-linear-gradient(bottom, #F96775, #F03C4C);
    background-image: -webkit-linear-gradient(bottom, #F96775, #F03C4C);
    background-image: -ms-linear-gradient(bottom, #F96775, #F03C4C);
    background-image: -o-linear-gradient(bottom, #F96775, #F03C4C);
    background-image: linear-gradient(bottom, #F96775, #F03C4C);
}

.yellow {
   
    background-color: #F5E27D;
    background-image: -moz-linear-gradient(bottom, #F3DA69, #F6E991);
    background-image: -webkit-linear-gradient(bottom, #F3DA69, #F6E991);
    background-image: -ms-linear-gradient(bottom, #F3DA69, #F6E991);
    background-image: -o-linear-gradient(bottom, #F3DA69, #F6E991);
    background-image: linear-gradient(bottom, #F3DA69, #F6E991);
    border: 1px solid #D7BA3B;
    border-top: 1px solid #EBCF50;
    border-bottom: 1px solid #C39525;
    -webkit-box-shadow: 0 1px 0 #CEB643, 0 2px 0 #C8B045, 0 3px 0 #C3AA47, 0 4px 0 #B29146, 0 5px 5px rgba(0,0,0,0.3), inset 0 0 2px 1px rgba(255,255,255,0.6);
    -moz-box-shadow: 0 1px 0 #CEB643, 0 2px 0 #C8B045, 0 3px 0 #C3AA47, 0 4px 0 #B29146, 0 5px 5px rgba(0,0,0,0.3), inset 0 0 2px 1px rgba(255,255,255,0.6);
    box-shadow: 0 1px 0 #CEB643, 0 2px 0 #C8B045, 0 3px 0 #C3AA47, 0 4px 0 #B29146, 0 5px 5px rgba(0,0,0,0.3), inset 0 0 2px 1px rgba(255,255,255,0.6);
}


.yellow:hover {
    -webkit-box-shadow: 0 1px 0 #CEB643, 0 2px 0 #C8B045, 0 3px 0 #C3AA47, 0 4px 0 #B29146, 0 5px 9px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.6);
    -moz-box-shadow: 0 1px 0 #CEB643, 0 2px 0 #C8B045, 0 3px 0 #C3AA47, 0 4px 0 #B29146, 0 5px 9px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.6);
    box-shadow: 0 1px 0 #CEB643, 0 2px 0 #C8B045, 0 3px 0 #C3AA47, 0 4px 0 #B29146, 0 5px 9px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.6);
    color: black;
}

.yellow:active {
    -webkit-box-shadow: 0 1px 0 #C3AA47, 0 2px 0 #B29146, 0 3px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.6);
    -moz-box-shadow: 0 1px 0 #C3AA47, 0 2px 0 #B29146, 0 3px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.6);
    box-shadow: 0 1px 0 #C3AA47, 0 2px 0 #B29146, 0 3px 5px rgba(0,0,0,0.4), inset 0 0 2px 1px rgba(255,255,255,0.6);
    position: relative;
    top: 2px;
}

.yellow.pressin:active {
   }



.prd-list ul {
    padding: 0;
    margin: 0;
    margin-top: 140px;
    /*margin-left: -60px;*/
    margin-left: -214px;
}
.prd-list ul li{/*width:200px;*/ width:243px; height:240px; position:relative; float:left; list-style:none;  padding:0px;}


.prd-list ul li img {
}

.img-grow{width:200px;
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.img-grow:hover {
  width:220px;

}
.prd-list ul li:nth-child(even){margin-top:70px;}


.gallery4 {
	list-style: none;
	
}
.gallery4 li {
	padding: 10px;
	margin: 5px 23px 20px 5px;
	float: left;
	position: relative;
	width: 200px;
	height: 170px; border-radius:10px;
}
.gallery4 li:hover img {
	border-color: #000;
}
.gallery4 img {
	background: #fff;
	border: solid 1px #ccc;
	padding: 5px; border-radius:10px; 
}
.gallery em {
	background: #fff;
	color: #000;
	font-style: normal;
	padding: 2px 8px 0 22px;
	display: block;
	position: absolute;
	top: 10px;
	left: 5px;
	border: 1px solid #999;
}
.gallery4 a {
	text-decoration: none;
}
.gallery4 span {
	width: 30px;
	height: 60px;
	display: block;
	position: absolute;
	top: 7px;
	left: 9px;
	background: url(../images/paper-clip-mini.png) no-repeat;

}

.pro-table {margin-bottom:10px;  padding:10px 0; width:100%; border:0;}
.pro-table td{text-align:center; font:15px 'calibri',Arial, Helvetica, sans-serif; color:#000; vertical-align:top;}
.pro-table img{width:90px; }

.pro-table2 { width:100%; margin-bottom:10px;  padding:10px 0; border:0;}
.pro-table2 td{text-align:center; font:15px 'calibri',Arial, Helvetica, sans-serif; color:#000; vertical-align:top;}
.pro-table2 img{width:180px; }

.pro-table3 {width:100%; margin-bottom:10px;  padding:10px 0; border:0;}
.pro-table3 td{text-align:center; font:15px 'calibri',Arial, Helvetica, sans-serif; color:#000; vertical-align:top;}
.pro-table3 img{width:100px; }

.paraTT{width:45%; text-align:left;}

.twitter-bird {
background: url(../images/twitter.png) no-repeat;
width: 150px;
height: 125px;
position: absolute;
display: block;
bottom: 50px;
}


.social-wrapper {
        width: 330px; float:right;
       padding:0 0 10px 0;
        overflow: hidden;
        border-width: 1px;
        border-style: solid;
        border-color: #dedede #bababa #aaa #bababa;
        -moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
        -webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
        box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;    
        background:url(../images/sobg.jpg) repeat 0px 0px; 
/*        background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e4eaaf)); 
        background-image: -webkit-linear-gradient(top, #f6f6f6, #e4eaaf);
        background-image: -moz-linear-gradient(top, #f6f6f6, #e4eaaf);
        background-image: -ms-linear-gradient(top, #f6f6f6, #e4eaaf);
        background-image: -o-linear-gradient(top, #f6f6f6, #e4eaaf);
        background-image: linear-gradient(top, #f6f6f6, #e4eaaf);*/
    margin-top: 20px;
    font-size: 14px;
}
.shead	{padding:10px 0; font-size:22px; color:#069; text-align:center; border-bottom:2px #ccc solid; background:#f2cc58;}
#news-container ul{ 
		}
#news-container ul li div	{
	 border-bottom:1px #ccc solid; margin:10px;}
	 
/*********************************************/

/*.popup{ width:100%; font-size:13px;}
.popup td{ padding:0px 5px;}
.textareabox{ width:149px;}*/

/********************************************/	 


     .bubbleInfo {
            position: relative;
            top: 0px;
            left: 60px;
            width:auto;
        }
        .trigger {
            position: absolute;
        }
     
        .tooltip {
        	position: absolute;
        	display: none;
        	z-index: 100;
 			margin-top:50px;  margin-left:0px; 
        }
        .tooltip table {
        	background: rgba(6,159,209,0.9); border-radius:10px;
        	color: #fff;
        	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif; padding:10px 10px; 
        	}

          .tooltip table td {
        	 font:14px/15px 'calibri',Arial, Helvetica, sans-serif; padding:0 5px; text-align:center; color:#000;
        	}

		
	.arrow-down22 {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #0370ae; margin:0 auto; 
}

.spanhead{position:relative; margin-top:170px; padding-left:50px; width:230px; font:22px 'porkysregular'; letter-spacing:1px; text-align:center; color:#ec1323;}

.spanhead a{color:#ec1323;}

.tt-table{width:100%; border:0;}

.tt-table td{text-align:center;}
.tt-table td img{height:60px;}


.contact-list{
    height:350px;
    overflow-y:scroll;
    padding:20px;
}
#style-4::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #dfe1ac;
}

#style-4::-webkit-scrollbar
{
	width: 5px;
	background-color: #F5F5F5;
}

#style-4::-webkit-scrollbar-thumb
{
	background-color: #48a429;
	border: 2px solid #48a429;
}



.contact-list ul{margin:10px 0 3px 20px; padding:0; list-style:none; line-height:22px; letter-spacing:1;}
.contact-list h2{font-size: 1.5em;font-family: 'porkysregular'; letter-spacing:1px; margin: 1px;}

@media (max-width: 767px) {
	img{
		max-width: 100%;
		display: block;
		height: auto;
	}
	.layer .logo1 img{
		max-width: 100%;
		margin-top: 0;
	}
	.header, .layer .menus{
		width: 100%;
		float: left;
	}
	.fixed-head{
		height:auto;
	}
	.layer .logo1 {
		width: 100%;
		padding: 10px;
		float: left;
	}
	#cssmenu{
		width: 70%;
		background: #45494c;
		height: 100%;
		position: fixed;
		right: -70%;
		top: 0;
		border-left: solid 2px #ccc;
		transition: 0.6s;
		overflow: scroll;
	}
	#cssmenu ul{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-left: 0;
	}
	#cssmenu ul li{
		float: left;
		width: 100%;
		display: block;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
		
	}
	#cssmenu ul ul{
		position: relative;
		background: #45494c;
		width: 100%;
		float: left;
	}
	#cssmenu ul ul li{
		text-align: center;
	}
	#cssmenu ul ul a, #cssmenu ul ul a:link{
		color: #FFF;
	}
	#cssmenu li:hover > ul{
		float: left;
		color: #FFF;
	}
	.page1 {
		height: 400px;
	}
	.page, .pageCenter1{
		float: left;
	}
	
	.page1 .background{
		height: auto;
	}
	.page3 .background{
		height: auto;
	}
	.page3{
		height: auto;
	}
	.page1 .background .shape{
		display: none;
	}
	.da-slider{
		min-width: 100% !important;
	}
	.pageCenter{
		float: left;
		width: 100%;
	}
	.page2 .clouds4{
		height: auto;
	}
	.img8 {
		top: 125px;
		right: 0px;
		left: inherit;
	}
	.img10 {
		top: 145px;
		right: 0;
		left: inherit;
	}
	.img13 {
		top: 22px;
		left: 0;
	}
	.pageContent, .prd-list ul li{
		float: left;
		width: 100%;
		position: relative;
	}
	.page2 .mainCenter{
		left: 0;
	}
	.page1 .mainCenter{
		top: 15px;
	}
	.heading{
		left: 0;
		width: auto;
		background-position: right;
		padding-left: 20px;
		padding-top: 10px;
	}
	.no-parallaxe .page2 .pageContent .layer {
		top: 230px;
	}
	.prd-list ul li{
		height:auto;
		margin-top: 50px;
	}
	.bubbleInfo {
		position: relative;
		top: 0px;
		left: 0;
		width: 100%;
		float: left;
		text-align: center;
	}
	.bubbleInfo div{
		float: left;
		width: 100%;
		position: relative;
	}
	.bubbleInfo div a{
		display: block;
	}
	.trigger{
		position: relative;
	}
	.img-grow{
		width: auto;
	}
	.page2 .mainCenter{
		height: auto;
	}
	.spanhead {
		position: relative;
		margin-top: 20px;
		padding-left: 0;
		float: left;
		width: 100%;
	}
	.prd-list ul{
		margin-left: 0;
	}
	.prd-list ul li img {
		margin: auto;
	}
	.page2 {
		height: 2300px;
	}
	.bg3{
		float: left;
		width: 100%;
	}
	.page3 .mainRight {
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		position: relative;
	}
	.page3 .mainRight .desc {
		margin-left: 0;
	}
	.mountain1{
		left: 10px;
	}
	.mountain2{
		top: 45px;
		left: inherit;
		right: 0;
	}
	.mountain4{
		display: none;
	}
	.page3 .mainLeft.paperWhite{
		width: 100%;
		left: 0px;
		position: relative;
		top: 50px;
		/* height: 750px; */
		background-size: cover;
		background-position: center;
	}
	.page3 .mainLeft.paperWhite .text {
		width: 100%;
		position: relative;
		left: 0;
		padding: 30px 10px;
	}
	.contact-list table tr td{
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.page4 .mainBottom{
		top: 0;
	}
	.page4 .mainBottom footer{
		height: auto;
		float: left;
	}
	.page4{
		height: auto;		
	}
	.twitter-bird{
		display: none;
	}
	footer .wrapperLeft, footer .wrapperRight{
		width: 100%;
		padding-left: 15px;
		float: left;
		color: #FFF;
	}
	footer .wrapperLeft{
		padding-top: 20px;
	}
	footer .pageCenter span{
		width: 100%;
		float: left;
	}
	.social-div a{
		display: inline-block;
		color: #FFF !important;
	}
	.hamburger{
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 999;
		display: block;
	}
	.cssmenuOpen{
		right: 0 !Important;
	}
	.overFlowBody{
		overflow: hidden;
	}
	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	.layer .logo1 img{
		max-width: 100%;
		margin-top: 0;
	}
	.header, .layer .menus{
		width: 100%;
		float: left;
	}
	.fixed-head{
		height:auto;
	}
	.layer .logo1 {
		width: 100%;
		padding: 10px;
		float: left;
	}
	#cssmenu{
		width: 35%;
		background: #45494c;
		height: 100%;
		position: fixed;
		right: -35%;
		top: 0;
		border-left: solid 2px #ccc;
		transition: 0.6s;
		overflow: scroll;
	}
	#cssmenu ul{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-left: 0;
	}
	#cssmenu ul li{
		float: left;
		width: 100%;
		display: block;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
		
	}
	#cssmenu ul ul{
		position: relative;
		background: #45494c;
		width: 100%;
		float: left;
	}
	#cssmenu ul ul li{
		text-align: center;
	}
	#cssmenu ul ul a, #cssmenu ul ul a:link{
		color: #FFF;
	}
	#cssmenu li:hover > ul{
		float: left;
		color: #FFF;
	}
	.page1 {
		height: 400px;
	}
	.page, .pageCenter1{
		float: left;
	}
	
	.page1 .background{
		height: auto;
	}
	.page3 .background{
		height: 900px;
	}
	.page1 .background .shape{
		display: none;
	}
	.da-slider{
		min-width: 100% !important;
	}
	.pageCenter{
		float: left;
		width: 100%;
	}
	.page2 .clouds4{
		height: auto;
	}
	.img8 {
		top: 125px;
		right: 0px;
		left: inherit;
	}
	.img10 {
		top: 145px;
		right: 0;
		left: inherit;
	}
	.img13 {
		top: 22px;
		left: 0;
	}
	.pageContent{
		float: left;
		width: 100%;
		position: relative;
	}
	.prd-list ul li{
		float: left;
		width: 50%;
		position: relative;
	}
	.page2 .mainCenter{
		left: 0;
	}
	.page1 .mainCenter{
		top: 15px;
	}
	.heading{
		left: 0;
		width: auto;
		background-position: right;
		padding-left: 20px;
		padding-top: 10px;
	}
	.no-parallaxe .page2 .pageContent .layer {
		top: 230px;
	}
	.prd-list ul li{
		height:auto;
		margin-top: 50px;
	}
	.bubbleInfo {
		position: relative;
		top: 0px;
		left: 0;
		width: 100%;
		float: left;
		text-align: center;
	}
	.bubbleInfo div{
		float: left;
		width: 100%;
		position: relative;
	}
	.bubbleInfo div a{
		display: block;
	}
	.trigger{
		position: relative;
	}
	.img-grow{
		width: auto;
	}
	.page2 .mainCenter{
		height: auto;
	}
	.spanhead {
		position: relative;
		margin-top: 20px;
		padding-left: 0;
		float: left;
		width: 100%;
	}
	.prd-list ul{
		margin-left: 0;
	}
	.prd-list ul li img {
		margin: auto;
	}
	.page2 {
		height: 1700px;
	}
	.bg3{
		float: left;
		width: 100%;
	}
	.page3 .mainRight {
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		position: relative;
	}
	.page3 .mainRight .desc {
		margin-left: 0;
	}
	.mountain1{
		left: 10px;
	}
	.mountain2{
		top: 45px;
		left: inherit;
		right: 0;
	}
	.mountain4{
		display: none;
	}
	.page3 .mainLeft.paperWhite{
		width: 100%;
		left: 0px;
		position: relative;
		top: 50px;
		/* height: 750px; */
		background-size: cover;
		background-position: center;
	}
	.page3 .mainLeft.paperWhite .text {
		width: 100%;
		position: relative;
		left: 0;
		padding: 30px 10px;
	}
	.contact-list table tr td{
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.page4 .mainBottom{
		top: 0;
	}
	.page4 .mainBottom footer{
		height: auto;
		float: left;
	}
	.page4{
		height: auto;		
	}
	.twitter-bird{
		display: none;
	}
	footer .wrapperLeft, footer .wrapperRight{
		width: 100%;
		padding-left: 15px;
		float: left;
		color: #FFF;
	}
	footer .wrapperLeft{
		padding-top: 20px;
	}
	footer .pageCenter span{
		width: 100%;
		float: left;
	}
	.social-div a{
		display: inline-block;
		color: #FFF !important;
	}
	.hamburger{
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 999;
		display: block;
	}
	.cssmenuOpen{
		right: 0 !Important;
	}
	.overFlowBody{
		overflow: hidden;
	}
	
}
@media (min-width: 992px) and (max-width: 1200px) {
	.layer .logo1 img{
		max-width: 100%;
		margin-top: 0;
	}
	.header, .layer .menus{
		width: 100%;
		float: left;
	}
	.fixed-head{
		height:auto;
	}
	.layer .logo1 {
		width: 100%;
		padding: 10px;
		float: left;
	}
	#cssmenu{
		width: 35%;
		background: #45494c;
		height: 100%;
		position: fixed;
		right: -35%;
		top: 0;
		border-left: solid 2px #ccc;
		transition: 0.6s;
		overflow: scroll;
	}
	#cssmenu ul{
		width: 100%;
		margin-left: 0;
		height: auto;
		padding-left: 0;
	}
	#cssmenu ul li{
		float: left;
		width: 100%;
		display: block;
		border-bottom: solid 1px #ccc;
		padding-bottom: 15px;
		margin-top: 15px;
		
	}
	#cssmenu ul ul{
		position: relative;
		background: #45494c;
		width: 100%;
		float: left;
	}
	#cssmenu ul ul li{
		text-align: center;
	}
	#cssmenu ul ul a, #cssmenu ul ul a:link{
		color: #FFF;
	}
	#cssmenu li:hover > ul{
		float: left;
		color: #FFF;
	}
	.page1 {
		height: 400px;
	}
	.page, .pageCenter1{
		float: left;
	}
	
	.page1 .background{
		height: auto;
	}
	.page3 .background{
		height: 900px;
	}
	.page1 .background .shape{
		display: none;
	}
	.da-slider{
		min-width: 100% !important;
	}
	.pageCenter{
		float: left;
		width: 100%;
	}
	.page2 .clouds4{
		height: auto;
	}
	.img8 {
		top: 125px;
		right: 0px;
		left: inherit;
	}
	.img10 {
		top: 145px;
		right: 0;
		left: inherit;
	}
	.img13 {
		top: 22px;
		left: 0;
	}
	.pageContent{
		float: left;
		width: 100%;
		position: relative;
	}
	.prd-list ul li{
		float: left;
		width: 50%;
		position: relative;
	}
	.page2 .mainCenter{
		left: 0;
	}
	.page1 .mainCenter{
		top: 15px;
	}
	.heading{
		left: 0;
		width: auto;
		background-position: right;
		padding-left: 20px;
		padding-top: 10px;
	}
	.no-parallaxe .page2 .pageContent .layer {
		top: 230px;
	}
	.prd-list ul li{
		height:auto;
		margin-top: 50px;
	}
	.bubbleInfo {
		position: relative;
		top: 0px;
		left: 0;
		width: 100%;
		float: left;
		text-align: center;
	}
	.bubbleInfo div{
		float: left;
		width: 100%;
		position: relative;
	}
	.bubbleInfo div a{
		display: block;
	}
	.trigger{
		position: relative;
	}
	.img-grow{
		width: auto;
	}
	.page2 .mainCenter{
		height: auto;
	}
	.spanhead {
		position: relative;
		margin-top: 20px;
		padding-left: 0;
		float: left;
		width: 100%;
	}
	.prd-list ul{
		margin-left: 0;
	}
	.prd-list ul li img {
		margin: auto;
	}
	.page2 {
		height: 1700px;
	}
	.bg3{
		float: left;
		width: 100%;
	}
	.page3 .mainRight {
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		position: relative;
	}
	.page3 .mainRight .desc {
		margin-left: 0;
	}
	.mountain1{
		left: 10px;
	}
	.mountain2{
		top: 45px;
		left: inherit;
		right: 0;
	}
	.mountain4{
		display: none;
	}
	.page3 .mainLeft.paperWhite{
		width: 100%;
		left: 0px;
		position: relative;
		top: 50px;
		/* height: 750px; */
		background-size: cover;
		background-position: center;
	}
	.page3 .mainLeft.paperWhite .text {
		width: 100%;
		position: relative;
		left: 0;
		padding: 30px 10px;
	}
	.contact-list table tr td{
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}
	.page4 .mainBottom{
		top: 0;
	}
	.page4 .mainBottom footer{
		height: auto;
		float: left;
	}
	.page4{
		height: auto;		
	}
	.twitter-bird{
		display: none;
	}
	footer .wrapperLeft, footer .wrapperRight{
		padding-left: 15px;
		float: left;
		color: #FFF;
		padding-top: 15px;
	}
	footer .wrapperLeft{
		padding-top: 20px;
	}
	
	.social-div a{
		display: inline-block;
		color: #FFF !important;
	}
	.hamburger{
		position: fixed;
		right: 20px;
		top: 15px;
		z-index: 999;
		display: block;
	}
	.cssmenuOpen{
		right: 0 !Important;
	}
	.overFlowBody{
		overflow: hidden;
	}
	.img9{
		top: 60px;
	}
	.img14{
		top: 40px;
	}
}