a {outline:none !important;}
.header {background:#000; height:63px; z-index:10; position:relative;/*border-bottom: 25px;*/border-bottom-color: #FA3004;}
.logo {display:inline-block;  text-indent:-99999px;}
.logo {line-height: 50px;}
.logo-container .logo {width:160px; background:url(./../../../images/extra/logos/dream_logo.png) no-repeat left ; background-size:100%; display:inline-block;/* height:95px*/;/* border-radius:0 0 20px 20px;*/ position:relative;}
.logo-container .logo:after {position:relative; top:33px;  display:block; content:""; width:160px; height:38px; background:url() no-repeat center; background-size:101%;}
/*.logo-container .logo:before {position:absolute;  transition: opacity 0.3s; display:block; top:93px; opacity:0; z-index:1; content:""; width:160px; height:38px; background:url(images/home-icon.png) no-repeat center; }
.logo-container .logo:hover:before {opacity:1;} */

.navbar-collapse  {text-align:center;}
.navbar-nav li {display:inline-block;  line-height: 63px;  padding: 0 21px; z-index:10;}
.navbar-nav li a {font-size:16px; color:#fff; text-decoration:none;  text-transform:uppercase;}
.navbar-nav li a.active-menu {padding-bottom:10px; border-bottom:2px solid #e2001a;}
/*.navbar-nav li.active:after {display:inline-block; position:absolute; height:10px; width:auto; background:#CCFF00;}*/
body, html {background:#48c2cd; height:100%;}
/*body, html {background:#A2dff9; height:100%;}*/

.site-container {overflow:hidden; width:100%; height:100%; position:absolute; top:0px; left:0px;}
.site-wrapper .item {
	-webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  z-index:1;
}
div[data-item-speed="1"]{
	-webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -ms-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;

}
div[data-item-speed="2"]{
	-webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;

}
div[data-item-speed="3"]{
 -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -ms-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

}
div[data-item-speed="4"]{
	-webkit-transition-duration: 4s;
  -moz-transition-duration: 4s;
  -ms-transition-duration: 4s;
  -o-transition-duration: 4s;
  transition-duration: 4s;

}
div[data-item-speed="5"]{
	-webkit-transition-duration: 5s;
  -moz-transition-duration: 5s;
  -ms-transition-duration: 5s;
  -o-transition-duration: 5s;
  transition-duration: 5s;

}
div[data-item-speed="6"]{
	-webkit-transition-duration: 6s;
  -moz-transition-duration: 6s;
  -ms-transition-duration: 6s;
  -o-transition-duration: 6s;
  transition-duration: 6s;

}div[data-boy-speed="7"]{
-webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;

}
.site-wrapper {position:absolute; height:100%; top:0; width:100%; z-index:1; 
-webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
 -webkit-transition-duration: 3s;
  -moz-transition-duration: 3s;
  -ms-transition-duration: 3s;
  -o-transition-duration: 3s;
  transition-duration: 3s;

 }

.site-wrapper.page1 {
-webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.site-wrapper.page2 {
-webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}
.site-wrapper.page3 {
-webkit-transform: translate3d(-200%, 0, 0);
  -moz-transform: translate3d(-200%, 0, 0);
  -ms-transform: translate3d(-200%, 0, 0);
  -o-transform: translate3d(-200%, 0, 0);
  transform: translate3d(-200%, 0, 0);
}
.site-wrapper.page4 {
-webkit-transform: translate3d(-300%, 0, 0);
  -moz-transform: translate3d(-300%, 0, 0);
  -ms-transform: translate3d(-300%, 0, 0);
  -o-transform: translate3d(-300%, 0, 0);
  transform: translate3d(-300%, 0, 0);
}


.site-wrapper section {z-index:1; position:absolute; top:70px; bottom:35px; }

.page-1 .item-1 {width:100%; position:absolute; bottom:0px; right:20px;}
.page-1 .item-2 {width:100%; position:absolute; bottom:0px;}
.page-1 .boyBall {width:30%; position:absolute; bottom:0px;}

.page-1 .cloud1 {text-align:center; margin-top:5px;}
.page-1 .lanterns {position:absolute; width:100%; top:27px; left:0px; text-align:center; z-index:2;}
.page-1 .page-title {position:absolute; width:100%; top:159px; text-align:center; z-index:3; }
.page-1 .page-title h2{margin:0px; padding:0px; font-size:31px; font-family: 'Roboto', sans-serif; font-weight:700; color:#fff; line-height:normal; text-transform:uppercase; text-shadow:1px 1px 1px #000;}
.page-1 .buildings {position:absolute; width:90%;  left:0px; text-align:center;}
.page-1 .lighHouse {position:absolute; width:20%;  left:0px; text-align: left;}
.page-1 .coconut {position:absolute; width:50%;  right:80px; text-align: right;}
.page-1 .cloud2 {position:absolute; width:100%; bottom:30px; left:40px; text-align:center;}


/**/
.page-1 .item-1 {bottom:0%;}
.page-1 .item-2 {bottom:-9%;}
.page-1 .item-2 {right:-3%;}
.page-1 .boyBall {right:30%;}
.page-1 .buildings {bottom:27%;}
.page-1 .lighHouse {bottom:27%;}
.page-1 .coconut {bottom:14%;margin-right: -5%;}
/*.page-1 .buildings {top:1%;}*/

.page-1 .buildings img{ width:94%; margin-left:6%;}
.page-1 .lighHouse img{ width:30%; margin-left:0%;}
.page-1 .coconut img{ width:50%; margin-right:10%;}
.page-1 .item-1.item > img {width:47%;} 
.page-1 .item-2.item> img {width:30%;} 
.page-1 .boyBall.item> img {width:80%;}  
.page-1 .cloud1 img {width:80%;} 
.page-1 .cloud2 {bottom:2%;left: 5%;}
.page-1 .cloud2 > img{width:96%;}
.page-1 .lanterns {top:5%}
.page-1 .lanterns img {width:54%;}
.page-1 .page-title {top:38%;}
/**/


.site-wrapper.page2 .item-1, .site-wrapper.page3 .item-1, .site-wrapper.page4 .item-1  {
  -webkit-transform: translate3d(-20%, 0, 0);
  -moz-transform: translate3d(-20%, 0, 0);
  -ms-transform: translate3d(-20%, 0, 0);
  -o-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}
.site-wrapper.page2 .cloud1, .site-wrapper.page3 .cloud1, .site-wrapper.page4 .cloud1 {
  -webkit-transform: translate3d(-10%, 0, 0);
  -moz-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
}
.site-wrapper.page2 .cloud2, .site-wrapper.page3 .cloud2, .site-wrapper.page4 .cloud2 {
  -webkit-transform: translate3d(-30%, 0, 0);
  -moz-transform: translate3d(-30%, 0, 0);
  -ms-transform: translate3d(-30%, 0, 0);
  -o-transform: translate3d(-30%, 0, 0);
  transform: translate3d(-30%, 0, 0);
}
.site-wrapper.page2 .lanterns, .site-wrapper.page3 .lanterns, .site-wrapper.page4 .lanterns {
  -webkit-transform: translate3d(-40%, 0, 0);
  -moz-transform: translate3d(-40%, 0, 0);
  -ms-transform: translate3d(-40%, 0, 0);
  -o-transform: translate3d(-40%, 0, 0);
  transform: translate3d(-40%, 0, 0);
}
.site-wrapper.page2 .page-title, .site-wrapper.page3 .page-title, .site-wrapper.page4 .page-title {
  -webkit-transform: translate3d(-15%, 0, 0);
  -moz-transform: translate3d(-15%, 0, 0);
  -ms-transform: translate3d(-15%, 0, 0);
  -o-transform: translate3d(-15%, 0, 0);
  transform: translate3d(-15%, 0, 0);
}
.site-wrapper.page2 .buildings, .site-wrapper.page3 .buildings, .site-wrapper.page4 .buildings {
  -webkit-transform: translate3d(-25%, 0, 0);
  -moz-transform: translate3d(-25%, 0, 0);
  -ms-transform: translate3d(-25%, 0, 0);
  -o-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
.site-wrapper.page2 .lighHouse, .site-wrapper.page3 .lighHouse, .site-wrapper.page4 .lighHouse {
  -webkit-transform: translate3d(-25%, 0, 0);
  -moz-transform: translate3d(-25%, 0, 0);
  -ms-transform: translate3d(-25%, 0, 0);
  -o-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}

.page-2 { /* background:#393;*/ left:100%;}
.page-2 .cloud3 {text-align:center; margin-top:-.5%;/*change is here*/
-webkit-transform: translate3d(-15%, 0, 0);
  -moz-transform: translate3d(-15%, 0, 0);
  -ms-transform: translate3d(-15%, 0, 0);
  -o-transform: translate3d(-15%, 0, 0);
  transform: translate3d(-15%, 0, 0);
}
.page-2 .cloud3  img {width:75%;}/*change is here*/
.page-2 .plane {text-align:center; margin-top:25px; position:absolute; top:10%; left:50px;


}
.site-wrapper.page1 .plane, .page-2 .plane{
  -webkit-transform: translate3d(400%, 0, 0);
  -moz-transform: translate3d(400%, 0, 0);
  -ms-transform: translate3d(400%, 0, 0);
  -o-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);
}
.page-2 .cloud4 {position:absolute; width:100%; bottom:-8px; left:0px; text-align:center; bottom: 0;left: 0;

-webkit-transform: translate3d(-4%, 0, 0);
  -moz-transform: translate3d(-4%, 0, 0);
  -ms-transform: translate3d(-4%, 0, 0);
  -o-transform: translate3d(-4%, 0, 0);
  transform: translate3d(-4%, 0, 0);
}
.page-2 .cloud4 img {width:96%;}

.page-2 .balloons {position:absolute; top:20%; left:76%; text-align:center; -webkit-transform: translate3d(200%, 400%, 0);
  -moz-transform: translate3d(200%, 400%, 0);
  -ms-transform: translate3d(200%, 400%, 0);
  -o-transform: translate3d(200%, 400%, 0);
  transform: translate3d(200%, 400%, 0);
}


.page-2 .bird {position:absolute; top:-5%; /*left:56%;*/ left:29%;   text-align: right; z-index:2; /*change is here*/
/*-webkit-transform: translate3d(-1200%, 0%, 0);
  -moz-transform: translate3d(-1200%, 0%, 0);
  -ms-transform: translate3d(-1200%, 0%, 0);
  -o-transform: translate3d(-1200%, 0%, 0);
  transform: translate3d(-1200%, 0%, 0);*/

}
.page-2 .bird img {width:45%;}
.site-wrapper.page1 .bird {display:none;}/*change is here*/


.page-2 .airCars {position:absolute; top:3%; /*left:56%;*/ left:45.5%;   text-align: right; z-index:2; /*change is here*/
/*-webkit-transform: translate3d(-1200%, 0%, 0);
  -moz-transform: translate3d(-1200%, 0%, 0);
  -ms-transform: translate3d(-1200%, 0%, 0);
  -o-transform: translate3d(-1200%, 0%, 0);
  transform: translate3d(-1200%, 0%, 0);*/

}
.page-2 .airCars img {width:70%;}
.site-wrapper.page1 .airCars {display:none;}/*change is here*/
 

.page-2 .land1 {position:absolute; width:110%;/* bottom:130px;*/ bottom:.5%; left:6px; text-align:center; z-index:1;margin-left: 5%;/*change is here*/
-webkit-transform: translate3d(-6%, 0%, 0);
  -moz-transform: translate3d(-6%, 0%, 0);
  -ms-transform: translate3d(-6%, 0%, 0);
  -o-transform: translate3d(-6%, 0%, 0);
  transform: translate3d(-6%, 0%, 0);


}
.page-2 .land1 img {width:100%;}/*change is here*/
.page-2 .water {position:absolute; width:100%;  bottom: -31px; bottom:-6%;   left: 51px; text-align:center;  z-index:1;
-webkit-transform: translate3d(-15%, 0%, 0);
  -moz-transform: translate3d(-15%, 0%, 0);
  -ms-transform: translate3d(-15%, 0%, 0);
  -o-transform: translate3d(-15%, 0%, 0);
  transform: translate3d(-15%, 0%, 0);


}
.page-2 .water > img {width:86%;}
.page-2 .chairs {position:absolute; width:100%;bottom: -22px; bottom:-4%; left: -59px; left:-5%; text-align:center;  z-index:2;

-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-2  .chairs > img {width:80%;} 
.page-2 .land4 {position:absolute; width:60%; /* bottom: 14px;*/ bottom:8.5%;   left: -2%;   text-align: left;  z-index:2;/*change is here*/
/*
-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);*/
}
.page-2 .land4 > img {width:71%;}

.page-2 .train {position:absolute; width:80%;  /*bottom: 14px;*/ bottom:24.5%;    left:-24%; text-align: left;  z-index:1;/*change is here newly added*/

-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-2 .train > img {width:71%;}


.page-2 .cycle {position:absolute; width:13.8%;  /*bottom: 14px;*/ bottom:0%;    left:3.7%; text-align: center;  z-index:3;/*change is here newly added*/

-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-2 .cycle > img {width:71%;}

.page-2 .cycle2 {position:absolute; width:13.8%;  /*bottom: 14px;*/ bottom:0%;    left:33.5%; text-align: center;  z-index:3;/*change is here newly added*/

-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-2 .cycle2 > img {width:71%;}
.page-2 .item-2 {position:absolute; width:100%;  bottom: 14px; bottom:3%;   left: 140px; left:4%; text-align:center;  z-index:2;-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-2 .item-2 > img {width:30%;}
/**/



/**/




.site-wrapper.page2 .cloud3,/* .site-wrapper.page3 .cloud3,*/ .site-wrapper.page4 .cloud3, 
.site-wrapper.page2 .cloud4, /*.site-wrapper.page3 .cloud4,*/  .site-wrapper.page4 .cloud4, 
.site-wrapper.page2 .plane, .site-wrapper.page3 .plane,
.site-wrapper.page2 .balloons,  .site-wrapper.page3 .balloons, .site-wrapper.page4 .balloons, 
.site-wrapper.page2 .bird, .site-wrapper.page3 .bird,.site-wrapper.page4 .bird,
.site-wrapper.page2 .land1, /*.site-wrapper.page3 .land1,*/ .site-wrapper.page4 .land1,
.site-wrapper.page2 .water, /*.site-wrapper.page3 .land-water,*/ .site-wrapper.page4 .water,
.site-wrapper.page2 .land4, .site-wrapper.page2 .item-2, /*.site-wrapper.page3 .land4,*/ .site-wrapper.page4 .land4, .site-wrapper.page4 .item-2,
.site-wrapper.page2 .chairs,/* .site-wrapper.page3 .chairs, */.site-wrapper.page4 .chairs,
  .site-wrapper.page4 .cloud5, .site-wrapper.page2 .cloud5, .site-wrapper.page3 .cloud5, .site-wrapper.page1 .cloud5 ,
  .site-wrapper.page4 .cloud6, .site-wrapper.page2 .cloud6, .site-wrapper.page3 .cloud6, .site-wrapper.page1 .cloud6 ,
  .site-wrapper.page4 .land2, .site-wrapper.page2 .land2, .site-wrapper.page3 .land2, .site-wrapper.page1 .land2,
  .site-wrapper.page4 .land3, .site-wrapper.page2 .land3, .site-wrapper.page3 .land3, .site-wrapper.page1 .land3,
  .site-wrapper.page4 .item-3, .site-wrapper.page2 .item-3, .site-wrapper.page3 .item-3, .site-wrapper.page1 .item-3,
  .site-wrapper.page4 .boat, .site-wrapper.page2 .boat, .site-wrapper.page3 .boat, .site-wrapper.page1 .boat
  
        {
  -webkit-transform: translate3d(0%, 0, 0);
  -moz-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}



.site-wrapper.page3 .item-1, .site-wrapper.page4 .item-1  {
  -webkit-transform: translate3d(-20%, 0, 0);
  -moz-transform: translate3d(-20%, 0, 0);
  -ms-transform: translate3d(-20%, 0, 0);
  -o-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}
.site-wrapper.page3 .cloud3 {
  -webkit-transform: translate3d(-10%, 0, 0);
  -moz-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
}
.site-wrapper.page3 .cloud4{
  -webkit-transform: translate3d(-10%, 0, 0);
  -moz-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
}
.site-wrapper.page3 .land1 {
  -webkit-transform: translate3d(-20%, 0, 0);
  -moz-transform: translate3d(-20%, 0, 0);
  -ms-transform: translate3d(-20%, 0, 0);
  -o-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}
.site-wrapper.page3 .water {
  -webkit-transform: translate3d(-15%, 0, 0);
  -moz-transform: translate3d(-15%, 0, 0);
  -ms-transform: translate3d(-15%, 0, 0);
  -o-transform: translate3d(-15%, 0, 0);
  transform: translate3d(-15%, 0, 0);
}
.site-wrapper.page3 .land4 {
  -webkit-transform: translate3d(-25%, 0, 0);
  -moz-transform: translate3d(-25%, 0, 0);
  -ms-transform: translate3d(-25%, 0, 0);
  -o-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
.site-wrapper.page3 .item-2 {
  -webkit-transform: translate3d(-25%, 0, 0);
  -moz-transform: translate3d(-25%, 0, 0);
  -ms-transform: translate3d(-25%, 0, 0);
  -o-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}
.site-wrapper.page3 .chairs {
  -webkit-transform: translate3d(-25%, 0, 0);
  -moz-transform: translate3d(-25%, 0, 0);
  -ms-transform: translate3d(-25%, 0, 0);
  -o-transform: translate3d(-25%, 0, 0);
  transform: translate3d(-25%, 0, 0);
}



.page-3 {  /*background:#CC9;*/ left:200%; z-index:2; !important;}
.page-3 .cloud5 {text-align:center; margin-top:6%;

}
.page-3 .cloud6 {position:absolute; width:40%; bottom:-8px; left:3px; text-align: right;


}
.page-3 .land2 {position:absolute; width:100%; bottom:8px; bottom:-18%; left:-1%;right:1%; text-align: center; z-index:1;     /*  bg */



}
.page-3 .cloud5 img {width:75%;}
.page-3 .land2 img {width:105%;margin-bottom: 30%;margin-top: 0%;}
.page-3 .cloud6 {top: 10%;left: 50%;}
.page-3 .cloud6 > img{width:16%;}



.page-3 .land2 > img {width:100%;margin-right: -1%;margin-top: 1%;margin-bottom:10%; z-index: 1;}
.page-3 .land3 {position:absolute; width:60%; /*bottom:4px;*/ left:53px; /*right:67%;*/ bottom:23%; text-align:center; z-index:3; /*tree */

}
.page-3  .land3 > img {width:93%;margin-left: -89%; margin-bottom: -11%;}
.page-3 .item-3 {position:absolute; width:30%;  bottom: 0px;    left: 0px; text-align:center;  z-index:2; /* jeep */


}
.page-3 .item-3 img {width:100%; margin-bottom: -2%; margin-left: 6%;}

.page-3 .animal {position:absolute; width:75%;  bottom: 75px;    left: 17%; /*text-align:center;*/  z-index:2;


}

.page-3 .animal img {width:75%;margin-bottom: -4%; margin-left: 4%;}

.page-3 .plant {position:absolute; width:80%;  bottom: 0px;    left: 3px; /*text-align:center;*/  z-index:3; /* bush */


}
.page-3 .plant img {width:100%; margin-left:1%;margin-bottom: -10%;}


.site-wrapper.page2 .cloud5, .site-wrapper.page4 .cloud5, .page-3 .cloud5 {
  -webkit-transform: translate3d(-10%, 0, 0);
  -moz-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
}
.site-wrapper.page2 .cloud6,  .page-3 .cloud6 {
  -webkit-transform: translate3d(20%, 0, 0);
  -moz-transform: translate3d(20%, 0, 0);
  -ms-transform: translate3d(20%, 0, 0);
  -o-transform: translate3d(20%, 0, 0);
  transform: translate3d(20%, 0, 0);
}
 .site-wrapper.page1 .cloud6 {
    -webkit-transform: translate3d(40%, 0, 0) !important;
  -moz-transform: translate3d(40%, 0, 0) !important;
  -ms-transform: translate3d(40%, 0, 0) !important;
  -o-transform: translate3d(40%, 0, 0) !important;
  transform: translate3d(40%, 0, 0) !important;
 }
.site-wrapper.page2 .land2, .site-wrapper.page4 .land2, .page-3 .land2 {
  -webkit-transform: translate3d(-5%, 0, 0);
  -moz-transform: translate3d(-5%, 0, 0);
  -ms-transform: translate3d(-5%, 0, 0);
  -o-transform: translate3d(-5%, 0, 0);
  transform: translate3d(-5%, 0, 0);
}

/*.site-wrapper.page2 .land2, .page-3 .land3 {
  -webkit-transform: translate3d(-5%, 0, 0);
  -moz-transform: translate3d(-5%, 0, 0);
  -ms-transform: translate3d(-5%, 0, 0);
  -o-transform: translate3d(-5%, 0, 0);
  transform: translate3d(-5%, 0, 0);
}
*/
.site-wrapper.page2 .item-3,   .page-3 .item-3 {
  -webkit-transform: translate3d(40%, 0, 0);
  -moz-transform: translate3d(40%, 0, 0);
  -ms-transform: translate3d(40%, 0, 0);
  -o-transform: translate3d(40%, 0, 0);
  transform: translate3d(40%, 0, 0);
}
.site-wrapper.page4 .item-3, .site-wrapper.page4 .cloud6, .site-wrapper.page1 .cloud6{
-webkit-transform: translate3d(-20%, 0, 0);
  -moz-transform: translate3d(-20%, 0, 0);
  -ms-transform: translate3d(-20%, 0, 0);
  -o-transform: translate3d(-20%, 0, 0);
  transform: translate3d(-20%, 0, 0);
}

.page-4 { /* background:#FCF;*/ left:300%;}
.page-4 .cloud7 {text-align:center; margin-top:50px;

}
.page-4 .plane {text-align:center; /*width:100%;*/ position:absolute; top:10%; left:40%;  
-webkit-transform: translate3d(400%, 0, 0);
  -moz-transform: translate3d(400%, 0, 0);
  -ms-transform: translate3d(400%, 0, 0);
  -o-transform: translate3d(400%, 0, 0);
  transform: translate3d(400%, 0, 0);

} 
.page-4 .plane img {width:50%;}

.page-4 .cloud7 img {width:75%;}

.page-4 .cloud8 > img{width:96%;}
 
.page-4 .item-4 {position:absolute; width:100%; /* bottom: -31px;*/ bottom:-6%;   left: 0px; text-align:center;  z-index:1; }
.item-4 > img {width:106%; margin-left: -5%;}

.page-4 .boat {position:absolute; bottom:24%;    left: 46%;      z-index:3;  }
.boat > img {height:40%;}
.boat > img {width:70%;}

.page-4 .bus {position:absolute; width:22%;  /*bottom: 14px;*/ bottom:0%;    left:33%; text-align: center;  z-index:3;/*change is here newly added*/

-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-4 .bus > img {width:71%;} 

.page-4 .car {position:absolute; width:22%;  /*bottom: 14px;*/ bottom:0%;    left:40%; text-align: center;  z-index:3;/*change is here newly added*/

-webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
}
.page-4 .car > img {width:71%;}


.site-wrapper.page2 .boat, .site-wrapper.page3 .boat, .site-wrapper.page1 .boat,.page-4 .boat {
  -webkit-transform: translate3d(50%, 0%, 0);
  -moz-transform: translate3d(50%, 0%, 0);
  -ms-transform: translate3d(50%, 0%, 0);
  -o-transform: translate3d(50%, 0%, 0);
  transform: translate3d(50%, 0%, 0);
} 
.site-wrapper.page4 .car, .page-4 .car { 
  -webkit-transform: translate3d(180%, 0, 0);
  -moz-transform: translate3d(180%, 0, 0);
  -ms-transform: translate3d(180%, 0, 0);
  -o-transform: translate3d(180%, 0, 0);
  transform: translate3d(180%, 0, 0);
} 
.site-wrapper.page2 .cloud7, .site-wrapper.page4 .cloud7, .site-wrapper.page1 .cloud8, .page-3 .cloud7 {
  -webkit-transform: translate3d(-10%, 0, 0);
  -moz-transform: translate3d(-10%, 0, 0);
  -ms-transform: translate3d(-10%, 0, 0);
  -o-transform: translate3d(-10%, 0, 0);
  transform: translate3d(-10%, 0, 0);
}
.site-wrapper.page2 .cloud8, .site-wrapper.page3 .cloud8, .site-wrapper.page1 .cloud8, .page-4 .cloud8 {
  
  -webkit-transform: translate3d(20%, 0, 0);
  -moz-transform: translate3d(20%, 0, 0);
  -ms-transform: translate3d(20%, 0, 0);
  -o-transform: translate3d(20%, 0, 0);
  transform: translate3d(20%, 0, 0);
} 

.bottom-bg {background:#efd063;; display:block; width:100%; position:absolute; bottom:0px; left:11; height:150px; z-index:0;}
.bottom-bg {height:27%;}


.service-page {position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; width:70%; height:70%; z-index:10;}
.service-page-content  {}
.service-page div {padding:0px; }
.service-page .service-list {border-right:solid 1px #0e434d; }
.service-page .service-list h3 {display:block; cursor:pointer; background:#000000; border-bottom:solid 1px #0e434d;  padding:0px; margin:0px; line-height:normal; font-weight:normal; color:#fff; padding:7px 15px; font-size:14px; text-transform:uppercase;  } 
.service-page ul {padding:0px; list-style:none; margin:0px;
height:0; overflow:hidden;
-webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
    -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
 -webkit-transition-delay: 3s; 
    transition-delay: 3s;
-ms-transition-delay: 3s;
  -o-transition-delay: 3s;
  }

.site-wrapper.page2 .service-page ul {height:auto !important;}
/*.service-list .scrollbar-inner > .scroll-element div {display:none;}
.service-list:hover .scrollbar-inner > .scroll-element div {display:block;}*/
.scroll-bar {cursor:pointer;}
.service-page ul li { background:rgba(0,0,0, 0.8); border-bottom:solid 1px #000; 
-webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
    -webkit-transition-duration: .5s;
  -moz-transition-duration: .5s;
  -ms-transition-duration: .5s;
  -o-transition-duration: .5s;
  transition-duration: .5s;

}
.service-list ul li:nth-child(12) {background:none repeat scroll 0 0 rgba(255, 105, 80, 0.9);}
.service-page ul li.active, .service-page ul li:hover  {margin-left:20px;}
.service-page ul li a {padding:7px 15px; color:#fff;display:block;  font-size:12px; }
.service-page ul li a:hover, .service-page ul li a:focus, .service-page ul li a:active {text-decoration:none;}
.service-page ul li.active , .service-page ul li:hover  {background:#000000;}
.service-content { height:100%; min-height:405px;}
.service-content .item-desc {white-space:pre-line; color:#fff; text-align:center; padding:20px; display:none; height:100%; background:rgba(0,0,0, 0.6);overflow:hidden;}
.service-content .item-desc.active {display:block;}

.gallery-page {position:absolute; top:30px; left:0px; right:0px; bottom:0px; margin:auto; width:850px;  height:380px; z-index:1000; }

.gallery-page .gallery-tabs {text-align:center;}
.gallery-page .gallery-tabs a {display:inline-block; background:rgba(0,0,0, 0.9); width:90px; padding:5px 0; text-align:center; font-size:18px; color:#fff; }
.gallery-page .gallery-tabs a:hover, .gallery-page .gallery-page-content .gallery-tabs a:active {text-decoration:none;}
.gallery-page .gallery-tabs a.active {background:rgba(0,0,0, 0.8); } 
.gallery-page .gallery-tabs a.photos {position:relative; right:-2px;}
.gallery-page .gallery-tabs a.videos {position:relative; left:-2px;}
.gallery-page .gallery-page-content {width:100%; height:100%; padding-top:10px;  background:rgba(0,0,0, 0.8); display:none; }
.gallery-page .gallery-page-content .loading {width:100%; height:100%; background:url(images/loading.gif) no-repeat center; background-size:5%;}
.gallery-page .gallery-page-content ul {padding:20px 0; display:none;}
.gallery-page .gallery-page-content ul {list-style:none; padding:0px; margin:0px; position:relative;}
.gallery-page .gallery-page-content ul li {float:left; margin:10px 0px 10px 17px ; position:relative;}
.gallery-page .gallery-page-content ul.video li {margin:20px 0 20px 17px;}
.gallery-page .gallery-page-content ul li .gallery-item {overflow:hidden; display:inline-block;}
.gallery-page .gallery-page-content ul li .gallery-item:hover {text-decoration:none;}
.gallery-page .gallery-page-content ul li  .h4-wr { display:table;}
.gallery-page .gallery-page-content ul li .gallery-image  .h4-wr {position:absolute; bottom:0px; }
.gallery-page .gallery-page-content ul li h4 { font-size:13px; height:40px; display:table-cell; vertical-align:middle;  font-weight:normal; padding:2px 10px; margin:0px; color:#303030; background:#fff; width:150px;} 
.gallery-page .gallery-page-content ul li img {display:block; width:150px; height:150px;}
.gallery-page .gallery-page-content .video-image  img {height:auto;}
.gallery-page .gallery-page-content .gallery-nav {display:none; padding:0px 15px; position:relative; top:-6px;}
.gallery-page .gallery-page-content .gallery-nav .gal-next {float:right; color:#fff;}
.gallery-page .gallery-page-content .gallery-nav .gal-prev {float:left; color:#fff;}
.gallery-page .gallery-page-content .gallery-nav a:hover {text-decoration:none; color:#b7c436 !important;}
.page-template-default {background:url(images/item-4.png) no-repeat center; background-size:cover;}
.page-template-default article {  background: none repeat scroll 0 0 rgba(15, 72, 83, 0.8); margin-top: 70px; padding: 20px !important;}
.page-template-default article .page-header , .page-template-default article .page-header h1 {padding:0px; margin:0px; color:#fff; border-bottom:none; margin-bottom:20px;}
.post_content p.lead, .post_content p {font-size:15px; line-height:normal; color:#fff;}

.page-template-default .header {position:fixed; top:0px; left:0px; width:100%;}
.page-template-default {padding-top:100px;}
.page-template-default #content  {padding-bottom:50px; height:auto !important;}
.page-template-default .site-footer {position:fixed; bottom:0px; width:100%; left:0;}
/*.gallery-page .gallery-page-content {padding:0px 90px;}
.gallery-page .gallery-slider-controls {padding:10px 0px; margin-bottom:15px;}
.gallery-page .gallery-slider-controls .col-sm-8 {width:64.667%;}
.gallery-page .slider-controls-left {text-align:right;}
.gallery-page .slider-controls-left  .col-sm-3 {float:right;}
.gallery-page .slider-controls-left hr {margin:15px 12px 15px 16px;}
.gallery-page .slider-controls-right {text-align:left;}
.gallery-page .slider-controls-right hr {margin:15px 11px 15px 0;}
.gallery-page .gallery-slider-controls div {padding:0px; margin:0px; font-size:20px; color:#fff;}
.gallery-page .gallery-slider-controls a {display:inline-block; padding:5px 12px; background:#fff; border-radius:3px; color:#303030; font-weight:bold; font-size:15px;}
.gallery-page .gallery-slider-controls a:hover, .gallery-page .gallery-slider-controls a:active , .gallery-page .gallery-slider-controls a:focus  {text-decoration:none;}
.gallery-page .gallery-slider {overflow:hidden;}

.gallery-page ul {list-style:none; padding:0px; margin:0px; position:relative;}
.gallery-page ul li {float:left; margin-right:23px;}
.gallery-page ul li .gallery-item { border-radius:5px; overflow:hidden; display:inline-block;}
.gallery-page ul li .gallery-item:hover {text-decoration:none;}
.gallery-page ul li  h4 {font-size:13px; font-weight:normal; padding:10px; margin:0px; color:#303030; background:#fff;} 
.gallery-page ul li img {display:block;}
.gallery-page .image-wrapper {width:150px; height:150px; overflow:hidden;}
.gallery-page .video-image  .image-wrapper  img { margin:0 auto 0 -80px; max-height:100%;}
*/

.contact-page {position:absolute; top:40px; left:0px; right:0px; bottom:0px; margin:auto; width:850px; height:465px; z-index:10; }
.contact-page .contact-page-content {padding:0px;}
.contact-page .map-container {background:url(images/map-bg.png) no-repeat center rgba(15,72,83, 0.8); background-size:cover; width:100%; height:170px; }
.contact-page .map-container .address{height:100%; width:320px; background:rgba(255,255,255,0.8); white-space:pre-line; padding:0 15px; font-size:12px; text-transform:uppercase; line-height:21px;position: absolute;z-index: 1000;top: 0;height: 170px; }
.contact-form-container {padding:0; height:0; overflow:hidden;
 background:rgba(0,0,0, 0.6);
-webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
    -webkit-transition-duration: 2s;
  -moz-transition-duration: 2s;
  -ms-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
 -webkit-transition-delay: 4s; 
    transition-delay: 4s;
-ms-transition-delay: 4s;
  -o-transition-delay: 4s;
}
.site-wrapper.page4 .contact-form-container {padding:35px 85px; height:295px;}
.contact-form-container input, .contact-form-container textarea {border:none; padding:10px; border-radius:15px; margin-bottom:20px; font-style:italic; color:#919191;}
.contact-form-container textarea {height:160px;}
.contact-form-container .col-sm-12 {text-align:center;}
.contact-form-container input[type="submit"] {border:solid 2px #fff; margin-bottom:5px; background:none; color:#fff; padding:7px 30px; text-transform:uppercase; font-style:normal;}

.contact-form-container .wpcf7-response-output {
    border: medium none !important;
    margin: 0 !important;
    padding: 0 !important; 
  color:#F00;
}
  .contact-form-container span.wpcf7-not-valid-tip { margin-bottom: 5px;
    margin-left: 13px;
    margin-top: -20px;
  }
  .contact-form-container .wpcf7-validation-errors {text-align:center; color:#F00;}  
   .contact-form-container div.wpcf7-mail-sent-ok {color:#0F0; font-weight:bold; text-align:center;} 

.mdl-overlay {width:100%; height:100%; position:fixed; left:0px; top:0px; z-index:10000; background:url(images/loading.gif) no-repeat center rgba(15, 72, 83, 0.9);}
.adjTime{
 -webkit-transition-duration: 0ms !important;
  -moz-transition-duration: 0ms !important;
  -ms-transition-duration: 0ms  !important;
  -o-transition-duration: 0ms  !important;
  transition-duration: 0ms  !important;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -ms-transition-timing-function:  ease;
  -o-transition-timing-function:  ease;
  transition-timing-function:  ease;
  }
/*.movable-1.adjTime{
 -webkit-transition-duration: 100ms !important;
  -moz-transition-duration: 100ms !important;
  -ms-transition-duration: 100ms  !important;
  -o-transition-duration: 100ms  !important;
  transition-duration: 100ms  !important;}
.movable-2.adjTime{
 -webkit-transition-duration: 40ms !important;
  -moz-transition-duration: 40ms !important;
  -ms-transition-duration: 40ms  !important;
  -o-transition-duration: 40ms  !important;
  transition-duration: 40ms  !important;}*/


.site-footer {background:#000000; bottom:0px; width:100%; height:35px; line-35px; overflow:hidden; z-index:10;}
body.home .site-footer { position:absolute;}
.site-footer nav {text-align:center; display:block;}
.footer-nav {text-align:left; line-height:35px; }
.footer-nav a {color:#fff; text-decoration:none; text-transform:uppercase; font-size:10px;}
.footer-nav a:hover{text-decoration:underline;}
.footer-info {text-align:right; color:#fff; font-size:10px;  line-height:35px;  text-transform:uppercase;}
.footer-info a {color:#fff; text-transform:uppercase;}
.footer-links {float:none;}
/*@media screen and (min-height: 740px){
  .page-1 .page-title {top:232px;}
  .page-1 .lanterns {top:90px;}
}*/

.loader {position:fixed; width:100%; height:100%; background:url(./../../../images/extra/logos/new_small_logo.png) no-repeat  center 40% #fdfdfd; top:0px; left:0px; z-index:1000; display:block;}
.loader .loading {width:100%; height:30%; background:url('./../../../images/extra/funnyflight.png')  no-repeat right; position:absolute; bottom:30%;  left:-10%;
-webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;

  
   -webkit-animation: load 10s; /* Chrome, Safari, Opera */
    animation: load 10s;
}
@-webkit-keyframes load {
    from {left:-100%}
    to {left:-10%}
}

/* Standard syntax */
@keyframes load {
     from {left:-100%}
    to {left:-10%}
} 

.it-dsc {padding:20px !important; text-align:left;overflow:hidden;}
.it-dsc ol {list-style:none;}
.it-dsc ol li {list-style:disc;}


/* scroll bar */
.scroll-wrapper{overflow:hidden !important;padding:0 !important;position:relative;}
.scroll-wrapper > .scroll-content{border:none !important;box-sizing:content-box !important;height:auto;left:0;margin:0;max-height:none !important;max-width:none !important;overflow:scroll !important;padding:0;position:relative !important;top:0;width:auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar{height:0;width:0;}
.scroll-element{display:none;}
.scroll-element, .scroll-element div{box-sizing:content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible,.scroll-element.scroll-y.scroll-scrolly_visible{display:block;}
.scroll-element .scroll-bar,.scroll-element .scroll-arrow{cursor:default;}
.scroll-textarea{border:1px solid #cccccc;border-top-color:#999999;}
.scroll-textarea > .scroll-content{overflow:hidden !important;}
.scroll-textarea > .scroll-content > textarea{border:none !important;box-sizing:border-box;height:100% !important;margin:0;max-height:none !important;max-width:none !important;overflow:scroll !important;outline:none;padding:2px;position:relative !important;top:0;width:100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar{height:0;width:0;}
.scrollbar-inner > .scroll-element,.scrollbar-inner > .scroll-element div{border:none;margin:0;padding:0;position:absolute;z-index:10;}
.scrollbar-inner > .scroll-element div{display:block;height:100%;left:0;top:0;width:100%;}
.scrollbar-inner > .scroll-element.scroll-x{bottom:2px;height:8px;left:0;width:100%;}
.scrollbar-inner > .scroll-element.scroll-y{height:100%;right:2px;top:0;width:8px;}
.scrollbar-inner > .scroll-element .scroll-element_outer{overflow:hidden;}
.scrollbar-inner > .scroll-element .scroll-element_outer,.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; }
.scrollbar-inner > .scroll-element .scroll-element_track,.scrollbar-inner > .scroll-element .scroll-bar{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:0.4;}
.scrollbar-inner > .scroll-element .scroll-element_track{background-color:#d0d0d0;}
.scrollbar-inner > .scroll-element .scroll-bar{background-color:#222;}
.scrollbar-inner > .scroll-element .scroll-bar {background:#48C2CD !important;}
.scrollbar-inner > .scroll-element:hover .scroll-bar, .scrollbar-inner > .scroll-element:active .scroll-bar{background-color:#48C2CD;}
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar{background-color:#919191;}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-12px;}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track{top:-12px;}
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-12px;}
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-12px;}


/* popcontact */

.fly_toggle {
    background-color: transparent;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin-bottom: 0;
    opacity: 0.85;
    overflow: hidden;
    padding: 0;
    position: fixed;
    right: -50px;
    top: 50%;
    z-index: 1000;
}
.fly_toggle > img {
    display: block;
    width: 34px;
}
.fc-backdrop {
    animation-duration: 300ms;
    animation-name: fadein;
    animation-timing-function: linear;
    display: none;
}
.fc-backdrop, .fcmodal-backdrop {
    background-color: rgba(0, 0, 0, 0.35);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999998;
}
.fly_form.show_fly {
    opacity: 1;
    transform: scale(1) translate3d(0px, 0px, 0px) rotate(0deg);
    transition: transform 0.5s ease-out 0s, opacity 0.5s ease-out 0s;
}
.fly_form {
    bottom: auto;
    display: none;
    max-height: 540px;
    max-width: 100%;
    min-width: 200px;
    opacity: 0;
    overflow: auto;
    padding: 30px 10px !important;
    position: fixed;
    right: 50%;
    top: 50px;
    transform: scale(0.9) translate3d(1500px, 0px, 0px) rotate(-4deg);
    transition: transform 0.4s ease-out 0s, opacity 0.4s ease-out 0s;
    z-index: 999999;
}
.fly_form .fcclose {
    right: 22px;
    top: 42px;
}
.fcclose {
    border: medium none;
    box-shadow: none;
    color: #aaa;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    position: absolute;
    right: 12px;
    top: 12px;
    z-index: 9000;
}
.mdl-overlay {width:100%; height:100%; background: none repeat scroll 0 0 rgba(82, 82, 82, 0.87); position:fixed; top:0; left:0;  display:none;z-index: 99;}
.hover-content-brand{width:100%; height:100%; background: none repeat scroll 0 0 rgba(82, 82, 82, 0.87); position:fixed; top:0; left:0;  display:none;z-index: 99;}
.mdl-content{
  background: none repeat scroll 0 0 #fff;
    bottom: 0;
    display: block;
    height: 580px;
    left: 0;
    margin: auto;
    min-height: 400px;
    min-width: 320px;
    padding: 2% 2% 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 350px;
}
#floatban{
  border: 0 solid #ff9900;
    height: 0;
    left: 0;
    position: fixed;
    text-align: right;
    top: 240px;
    z-index: 999;
    
  }
.mdl-content .popclose{float:right;}
.mdl-content .wpcf7-form p{width:100%;}
.mdl-content .wpcf7-form .wpcf7-text{background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    border-radius: 25px;
    padding-bottom: 4%;
    padding-left: 4%;
    padding-top: 4%;
    width: 100%;
  }
.mdl-content .wpcf7-form .wpcf7-textarea {
    background: #eeeeee none repeat scroll 0 0;
    border: medium none;
    border-radius: 25px;
    margin-left: 0;
    padding-bottom: 4%;
    padding-left: 4%;
    padding-top: 4%;
    width: 100%;
}
.mdl-content .wpcf7-form .wpcf7-submit {
    background: #eeeeee none repeat scroll 0 0;
    border: 3px solid #000;
    border-radius: 20px;
    display: block;
    margin: 0 auto;
    padding-bottom: 2%;
    padding-top: 2%;
    width: 30%;
}
.mdl_title{text-align:center;}
.mdl_desc{text-align:center;}
div.wpcf7-response-output {
    margin: 0em 0.5em 1em !important;
    padding: 0.2em 1em;
}
.mdl-content .wpcf7-form .wpcf7-submit{ margin-top: 6%;}
.error404 #post-not-found {margin:10%;}
.error404 .site-footer {position:fixed; bottom:0px; left:0px;}

@media screen and (max-width: 768px) and (max-height: 1024px) {
  .bottom-bg {height:100px;}
  .page-1 .item-1.item > img {width:100%;}
  .page-1 .buildings {bottom:98px;}
  .page-1 .page-title {top:550px;}
  .page-1 .lanterns {top:300px;}
  .page-1 .cloud1 {margin-top:100px;}
  .site-wrapper.page1 .page-2 .bird {left:125%;}
  
  .page-2 .water {bottom:-10px;} 
  .page-2 .chairs {bottom:0px;}
  .page-2 .land1 {bottom:85px;}
  .page-2 .cloud3 {margin-top:100px;}
  .page-2 .plane {top:140px;}
  .page-2 .balloons {top:200px;}
  .service-page {width:700px; height:440px;}
  .service-page ul {overflow:visible;}
  .service-content .item-desc {overflow:auto;}
  .service-content {min-height:434px;}
  
  .page-3 .plant {bottom:0px;}
  .page-3 .land3 {bottom:-8px;}
  .page-3 .land2 {bottom:70px;}
  .page-3 .cloud5 {margin-top:75px;}
  .gallery-page {width:750px; top:-140px;}
  .gallery-page .gallery-page-content ul li {margin:10px 0 18px 8px !important;}
  .gallery-page .gallery-page-content ul li img {width:140px !important; height:140px !important;}
  .gallery-page .gallery-page-content ul li .video-image img { height:100px !important;}
  .gallery-page .gallery-page-content ul li h4 {width:140px; font-size:12px;}
  
  .page-4 .bottom-bg {height:50px;}
  .page-4 .cloud8 {bottom:-30px;}
  .contact-page {width:750px;}
  .page-4 .cloud7 {margin-top:100px;}
  .boat > img {width:70px;}
  .site-wrapper.page4 .contact-form-container {padding:32px;}
  
}
@media screen and (max-height: 768px) and (max-width: 1024px) {
  .bottom-bg {height:100px;}
  .page-1 .item-1.item > img {width:100%;}
  .page-1 .buildings {bottom:98px;}
  .page-1 .page-title {top:350px;}
  .page-1 .lanterns {top:200px;}
  .page-1 .cloud1 {margin-top:50px;}
  .site-wrapper.page1 .page-2 .bird {left:125%;}
  
  .page-2 .water {bottom:-10px;} 
  .page-2 .chairs {bottom:0px;}
  .page-2 .land1 {bottom:85px;}
  .page-2 .cloud3 {margin-top:100px;}
  .page-2 .plane {top:140px;}
  .page-2 .balloons {top:200px;}
  .service-page {width:700px; height:440px;}
  .service-page ul {overflow:visible;}
  .service-content .item-desc {overflow:auto;}
  .service-content {min-height:434px ;}
  .page-3 .plant {bottom:0px;}
  .page-3 .land3, .page-3 .cloud6 {bottom:-8px !important;}
  .page-3 .land2 {bottom:60px !important;}
  .page-3 .cloud5 {margin-top:75px;}
  .gallery-page {width:750px; top:-140px;}
  .gallery-page .gallery-page-content ul li {margin:10px 0 18px 8px !important;}
  .gallery-page .gallery-page-content ul li img {width:140px !important; height:140px !important;}

  .gallery-page .gallery-page-content ul li .video-image img { height:100px !important;}
  .gallery-page .gallery-page-content ul li h4 {width:140px; font-size:12px;}
}

@media screen and (max-width: 767px) {
  .logo {width:250px; background:url("./../../../images/extra/logos/header_logo_t.png") no-repeat scroll 10px / 36% auto; display:inline-block; height:50px; position:absolute; left:0px; top:0px;}
  .navbar-collapse {border:none; box-shadow:none;}
  .header {height:51px;}
  .navbar {margin-bottom:0px; border:none;}
  .navbar-nav li {line-height:40px;}
  .navbar-collapse  {background:#000000; overflow:hidden !important;}
  .site-footer .container, .footer-nav {padding:0px;}
  .footer-info, .logo-container {display:none;}
  /*.bottom-bg {height:12%;}
  .page-1 .item-1.item > img {max-width:480;}*/
  .service-page .service-list  {border:none; }
  .service-page .service-list .scrollbar-inner {overflow:hidden; display:inline-block; overflow-y:auto;}
  .site-wrapper.page2 .service-page ul { /*border-right: 1px solid*/; display: inline-block; /*height: 270px !important; */ }
  .service-content .item-desc {overflow-y:auto; padding:0px; height:302px;}
}
@media screen and (max-height: 767px)  and (max-width: 767px){
  .navbar-toggle {border:none;}
  .navbar-default .navbar-toggle .icon-bar {background:#fff;}
  .page-1 .page-title {top:47%;}
  .page-1 .lanterns {top:30%;}
  .page-1 .cloud1 {margin-top:0px; position:relative; top:7%;}
  .service-page ul li.active, .service-page ul li:hover  {margin-left:0px;}
  .col-xs-12.service-content {display:none;}
  #floatban {display:none;}
  .service-page ul, .service-page ul li {width:100%;}
  .service-page ul li .service-content, .service-page ul li .service-content div {min-height:0px; /*width:100%;*/}
  .service-page ul li .service-content  li:hover, .service-page ul li .service-content  li  {background:none !important; border:none;}
  .gallery-page, .contact-page, .service-page {top:0px; width:95%; z-index:1000;}
  .gallery-page  {top:-60px;}
  .site-wrapper.page3 .service-page {display:none;}
  .gallery-page-content {overflow-y:auto;}
  .site-wrapper.page4 .contact-form-container {padding:10px 0;}
  .contact-form-container input, .contact-form-container textarea {width:100%; margin-bottom:10px; padding:2px; border-radius:5px; -webkit-border-radius:5px; font-size:12px;}
  .contact-form-container textarea {height:65px;}
  .contact-form-container input[type="submit"] {border:1px solid #fff; padding:6px 30px 4px;}
  .contact-page .map-container .address {width:100%; line-height:15px; padding:0 10px;}
  .contact-page .map-container {height:115px;}
  .site-wrapper.page4 .gallery-page {display:none;}
  div.wpcf7-response-output {font-size:12px; line-height:15px;}
  .contact-form-container span.wpcf7-not-valid-tip {position:relative; top:7px;}
  .page-template-default article {margin-top:0px;}
  h1, .h1 {font-size:25px;}
  h2, .h2 {font-size:21px;}
  h3, .h3 {font-size:18px;}
  .page-template-default {height:auto !important;}
  .bird, .balloons {display:none;}
}
@media screen and (max-height: 480px){
  .site-container {overflow-y:auto; overflow-x:hidden;}
  .site-wrapper.page4 .land3 {display:none;}
  .gallery-page  {top:20px;}
}
@media screen and (max-width: 480px){
  .navbar-nav li {padding: 0 5px; }
  .navbar-nav li a {font-size:12px;}
  .page-1 .page-title h2 {font-size:20px;}
  .bottom-bg {height:14%;}
  .page-1 .item-1 {right:39px;}
  .page-1 .buildings {bottom:14%;}
  .page-2 .land1 {bottom:11%;}
  .plane img {width:64%;}
  .page-3 .land3 {bottom:-7% !important;}
  .page-3 .land2 {bottom:10% !important;}
  .boat > img {width:50px;}
  .item-4 > img {width:156%;}
  .page-4 .item-4 {bottom:-3%;}
}
@media screen and (max-width: 370px){
  .page-3 .land3 {bottom:-3% !important;}
}