@charset "utf-8";
/* Home-Page */
body {
color: #333;
font-family: 'LetterGothicStd';
}
*:focus{ outline:none !important;}
/* Style for our header texts
* --------------------------------------- */
h1 {
font-size: 5em;
font-family: arial, helvetica;
margin:0;
padding:0;
}
h2 {
font-size: 2em;
margin: 0 0 18px 0;
font-family: arial, helvetica;
}
/* Common styles
* --------------------------------------- */
img {
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
}
.section {
text-align:center;
overflow:hidden;
}
.wrap {
width: 1180px;
height: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.box {
text-align: left;
color: #808080;
font-size: 1.2em;
line-height: 1.6em;
}
/* Section 0
* --------------------------------------- */
#section0 {
padding: 60px 0;
}
#section0 img {
height: 100%;
margin: 0px 0 0 0;
}
/* Section 1
* --------------------------------------- */
#section1 img {
position:absolute;
left: 40px;
top: 100px;
}
#section1 .box {
position: absolute;
top: 50%;
left: 50%;
margin-top: -192px;
margin-left: 89px;
width: 395px;
z-index: 1;
}
#section1 .imgsContainer {
display: block;
position: absolute;
z-index: 1;
top: 42%;
left: 58%;
margin-top: -325px;
margin-left: -747px;
width: 800px;
height: 696px;
}
#section1 img {
}
/*screen resolutions between 620px and 800px*/
@media all and (min-width: 620px) and (max-width: 800px) {
#section1 .imgsContainer {
margin-top: -278px;
margin-left: -685px;
width: 647px;
height: 563px;
}
}
/*screen resolutions lower than 620px*/
@media all and (max-width: 620px) {
#section1 .imgsContainer {
margin-top: -208px;
margin-left: -516px;
width: 534px;
height: 464px;
}
}
#iphone2 {
z-index: 10;
}
#iphone2.active {
-webkit-transform: translate3d(-134px, 0px, 0px);
-moz-transform: translate3d(-134px, 0px, 0px);
-ms-transform:translate3d(-134px, 0px, 0px);
transform: translate3d(-134px, 0px, 0px);
}
#iphone3 {
z-index: 12;
transition:all 1s;
-webkit-transition:all 1s;
opacity:0;
/*-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform:translateX(100%);
transform: translateX(100%);*/
}
#iphone3.active {
opacity:1;
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform:translateX(0%);
transform: translateX(0%);
/* transform: translate(-225%, -3%);
-webkit-transform: translate(-225%, -3%); *//** Safari & Chrome **/
}
#iphone5 {
z-index: 12;
transition:all 0.5s;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:translateY(100%);
transform: translateY(100%);
}
#iphone5.active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform:translateY(0%);
transform: translateY(0%);
}
#iphone4 {
z-index: 11;
left: 140px;
}
#iphone4.active {
-webkit-transform: translate3d(548px, 0px, 0px);
-moz-transform: translate3d(548px, 0px, 0px);
-ms-transform:translate3d(548px, 0px, 0px);
transform: translate3d(548px, 0px, 0px);
}
/* Section 2
* --------------------------------------- */
#section2 img {
position:absolute;
}
#section2 .imgsContainer, #staticImg .imgsContainer, #section3 .imgsContainer {
position: absolute;
z-index: 1;
left: 50%;
display: block;
margin-top: -288px;
margin-left: -636px;
width: 0;
height: 0;
-webkit-transition: all 1.2s ease-in-out;
-moz-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
transition: all 1.2s ease-in-out;
}
#section2.moveUp .imgsContainer {
top: 50%;
}
#section2.moveDown .imgsContainer, #staticImg .imgsContainer {
top: 90%;
}
#section2.active .imgsContainer {
top: 50%;
}
#section2 .box {
top: 22%;
left: 42%;
position: absolute;
width: 582px;
}
#iphone-yellow {
top: -35px;
left: -222px;
}
#iphone-red {
top: -194px;
left: 106px;
}
#iphone-blue {
top: 320px;
left: 448px;
}
#iphone-green {
left: 106px;
position:absolute;
}
#staticImg {
display: block;
position: absolute;
z-index: 1;
top: 200%;
left: 0;
width: 100%;
min-width: 980px;
height: 100%;
-webkit-transition: all 0.7s ease-out;
-moz-transition: all 0.7s ease-out;
-o-transition: all 0.7s ease-out;
transition: all 0.7s ease-out;
-webkit-backface-visibility: hidden;
-webkit-perspective: 1000;
}
#staticImg.moveDown {
-webkit-transform: translate3d(0, 100%, 0);
-ms-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
#staticImg.moveUp {
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
#staticImg.moveDown .imgsContainer {
top: 50%;
}
#staticImg.moveDown img {
top: 155px;
}
#staticImg.active .imgsContainer {
top: 50%;
}
#staticImg.active img {
top: 487px;
}
/* Section 3
* --------------------------------------- */
#section3 .imgsContainer {
top: 50%;
}
#section3 img {
}
#section3 .box {
text-align: center;
margin: 10% 0 0 0;
}
/* Overwriting fullPage.js tooltip color
* --------------------------------------- */
.fp-tooltip {
color: #fff;
}
#fp-nav span, .fp-slidesNav span {
border-color: #fff;
background:#fff;
}
#fp-nav li .active span, .fp-slidesNav .active span {
background: #f96912;
border-color: #f96912;
}
/* anurag css */
.section1 {
background:url(../img/home_bg.jpg) center;
background-size:cover;
}
.section2 {
background:url(../img/section2_bg.jpg);
background-size:cover;
}
.section3 {
background:url(../img/section3_bg.jpg);
background-size:cover;
}
.section4 {
background:url(../img/section4_bg.jpg);
background-size:cover;
}
.section5 {
background:url(../img/section5_bg.jpg);
background-size:cover;
}
.section6 {
background:url(../img/section6_bg.jpg);
background-size:cover;
}
.section7{
background:url(../img/section7_bg.jpg);
background-size:cover;
}
.section8{
background:url(../img/section8_bg.jpg);
background-size:cover;
}
.section9{
background:url(../img/section9_bg.jpg);
background-size:cover;
}
.left-logo {
padding:0px;
margin:0px;
position:absolute;
left:5%;
top:5%;
width:100px;
}
.right-logo {
padding:0px;
margin:0px;
position:absolute;
right:5%;
top:5%;
width:100px;
margin-top:10px;
}
.left-logo img {
max-width:51px;
max-height:59px;
}
.right-logo img {
max-width:62px;
max-height:31px;
}
.nav-left {
position:absolute;
top:10%;
left:3%;
height:400px;
width:335px;
font-family: 'axehandelregular';
}
.nav-left .coffeehouse {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:250px;
left:0%;
right:-45%;
margin:0 auto;
top:10%;
}
.dotted-line{ background:none center 1000px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; }
/*.dotted-line:hover {background:url(../img/dotted-line.png) center top no-repeat; }*/
.sholin{background:url(../img/dotted-line.png) center top no-repeat; opacity:1; }
.nav-left .club {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:200px;
top:20%;
left:25%;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.red-dot{ padding:0px; margin:auto; position:absolute; left:0; right:0; bottom:0; background:none; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; width:10px; height:10px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;}
.shodot{ background:#fe2424 !important;}
.nav-left .restaurant {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:230px;
right:-20%;
top:20%;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.nav-left .lalbazar {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:263px;
left:0%;
top:30%;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.nav-left a {
display:inline-block;
width:100%;
border:1px #e23413 solid;
font-size:15px;
color:#3f3f3e;
text-decoration:none;
transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;
}
.nav-left a:hover {
background:#333333; color:#FFF;
}
.nav-right {
position:absolute;
top:10%;
right:8%;
height:400px;
width:335px;
font-family: 'axehandelregular';
}
.nav-right .college {
padding:0px;
margin: auto;
width:145px;
position:absolute;
height:225px;
right:0%;
left:0%;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.nav-right .bosepukar {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:200px;
right:-30%;
margin:0 auto;
top:20%;
z-index:10000;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.nav-right .mahamaya {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:175px;
left:0%;
margin:0 auto;
top:12%;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.nav-right .oldchinatown {
padding:0px;
margin:0px;
width:145px;
position:absolute;
height:250px;
right:-3%;
margin:0 auto;
top:10%;
/* background:url(../img/dotted-line.png) center top no-repeat; */ /* -webkit-animation: coffeehouse 2s; */ /* Chrome, Safari, Opera *//* animation: coffeehouse 2s; */
}
.nav-right a {
display:inline-block;
width:100%;
border:1px #e23413 solid;
font-size:15px;
color:#3f3f3e;
text-decoration:none;
transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s;
}
.nav-right a:hover {
background:#333333; color:#FFF;
}
.social-icons {
position: fixed;
bottom:5%;
right:5%;
z-index:99999;
}
.social-icons ul {
padding:0px;
margin:0px;
overflow:hidden;
}
.social-icons ul li {
float:left;
margin:3px;
list-style:none;
}
.social-icons ul li img {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}
.social-icons ul li img:hover {
filter: none;
-webkit-filter: grayscale(0%);
}
.social-icons ul li:nth-child(2) img {
filter: none;
-webkit-filter: grayscale(0%);
}
.maz-main {
position:absolute;
margin:auto;
padding:0px;
width:90%;
height:700px;
max-width:600px;
left:0%;
right:0%;
top:0%;
bottom:0%;
}
.maz-main img {
width:100%;
height:auto !important;
}
.main-menu {
position:absolute;
padding:0px;
margin:0px;
bottom:25%;
/*right:14%;*/
left:2%;
width:173px;
}
.main-menu img{ transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.main-menu img:hover{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1);}
.ses{position:absolute;
padding:0px;
margin:0px;
bottom:1%;
/*right:14%;*/
left:17%;
}
.ses img{ transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s;}
.ses img:hover{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);}
.main-menu img {
width:auto;
}
.bosepukar-div {
padding:0px;
margin:0px;
position:absolute;
bottom:3%;
left:7%;
/*background:url(../img/banner-img.png) left no-repeat;*/
width:600px;
height:372px;
font-size:14px;
color:#e5d197;
text-align:left;
text-align:justify;
font-weight:bold;
}
.bosepukar-div .cpc {
padding:0px;
width:90%;
margin:0px;
display:inline-block;
position:absolute;
right:0%;
bottom:0%;
}
.lalbazar-div {
padding:0px;
margin:0px;
position:absolute;
bottom:3%;
left:7%;
/*background:url(../img/banner-img.png) left no-repeat;*/
width:600px;
height:372px;
font-size:14px;
color:#e5d197;
text-align:left;
text-align:justify;
font-weight:bold;
opacity:0;
/*transform:translateX(100%);*/
}
.lalbazar-div .cpc {
padding:0px;
width:90%;
margin:0px;
display:inline-block;
position:absolute;
right:0%;
bottom:0%;
}
.chinatown-div {
padding:0px;
margin:0px;
position:absolute;
bottom:3%;
left:7%;
/*background:url(../img/banner-img.png) left no-repeat;*/
width:600px;
height:372px;
font-size:14px;
color:#e5d197;
text-align:left;
text-align:justify;
font-weight:bold;
opacity:0;
}
.chinatown-div .cpc {
padding:0px;
width:90%;
margin:0px;
display:inline-block;
position:absolute;
right:0%;
bottom:0%;
}
.coffe-div {
position:absolute;
width:570px;
height:auto;
left:5%;
bottom:5%;
font-size:14px;
color:#e5d197;
font-weight:bold;
}
.coffe-div img {
position:relative !important;
}
.coffe-div hr {
border:dotted 2px #fff;
border-bottom:none;
border-left:none;
border-right:none;
}
.coffe-div .whit-txt {
color:#edebeb;
font-size:12px;
}
.college-div {
padding:0px;
margin:auto;
right:0;
left:0;
opacity:0;
width:800px;
position:absolute;
bottom:0;
font-weight:bold;
}
.college-div img {
position:relative !important;
}
.college-div p {
color:#e5d197;
font-size:14px;
}
.club-div {
padding:0px;
margin:auto;
right:0;
left:0;
width:800px;
position:absolute;
bottom:0%;
font-weight:bold;
/*transform:translateY(-200%);
-webkit-transform:translateY(-200%);
-moz-transform:translateY(-200%);
-ms-transform:translateY(-200%);
-o-transform:translateY(-200%);*/
}
.club-div img {
position:relative !important;
}
.club-div p {
color:#ffffff;
font-size:14px;
}
.maha-div {
padding:0px;
margin:auto;
right:0;
left:0;
width:400px;
position:absolute;
top:30%;
font-weight:bold;
/* transform:translateY(-200%);
-webkit-transform:translateY(-200%);
-moz-transform:translateY(-200%);
-ms-transform:translateY(-200%);
-o-transform:translateY(-200%);*/
}
.maha-div img {
position:relative !important;
}
.maha-div p {
color:#ddca92;
font-size:14px;
}
.res-div {
padding:0px;
margin:auto;
left:5%;
width:1100px;
position:absolute;
bottom:5%;
font-weight:bold;
}
.res-div img {
position:relative !important;
float:left;
margin:20px 10px;
vertical-align:middle
}
.res-div p {
color:#e5d197;
font-size:14px;
text-align:left;
}
.book-ani {
animation: bookani 0s;
-webkit-animation: bookani 0s;
}
@-webkit-keyframes bookani {
0% {
/*-webkit-transform:translateY(500%) rotate(50deg);*/
-webkit-transform: translateX(230%) scale(0) rotate(180deg);
}
100% {
-webkit-transform:translateX(0%) scale(1) rotate(0deg);
}
}
@keyframes bookani {
0% {
/*transform:translateY(500%) rotate(50deg);*/
transform: translateX(230%) scale(0) rotate(180deg);
}
100% {
transform:translateX(0%) scale(1) rotate(0deg);
}
}
.ani {
-webkit-animation: coffeehouse 2s;
animation: coffeehouse 2s;
}/*
@-webkit-keyframes coffeehouse {
0% {
-webkit-transform:translateY(500%);
opacity:0;
}
100% {
-webkit-transform:translateY(0%);
opacity:1;
}
}
@keyframes coffeehouse {
0% {
transform:translateY(500%);
opacity:0;
}
100% {
transform:translateY(0%);
opacity:1;
}
}*/
@-webkit-keyframes coffeehouse {
0% {
-webkit-transform:scale(0,0);
opacity:0;
}
100% {
-webkit-transform:scale(1,1);
opacity:1;
}
}
@keyframes coffeehouse {
0% {
transform:scale(0,0);
opacity:0;
}
100% {
transform:scale(1,1);
opacity:1;
}
}
.coffeehouse-ani {
-webkit-animation: coffeehouse 2s;
animation: coffeehouse 2s;
animation-delay: 0s;
-webkit-animation-delay: 0s;
}
.club-ani {
-webkit-animation: coffeehouse 2s;
animation: coffeehouse 2s;
animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
}
.restaurant-ani {
-webkit-animation: coffeehouse 2s;
animation: coffeehouse 2s;
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
}
.college-ani {
-webkit-animation: coffeehouse 2s;
animation: coffeehouse 2s;
animation-delay: 1s;
-webkit-animation-delay: 1s;
}
.bosepukar-ani {
-webkit-animation: coffeehouse 2s;
animation: coffeehouse 2s;
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
}
.back {
width:47px;
height:39px;
position:absolute;
top:8%;
left:8%;
}
.back a {
border: 3px solid #e5d197;
box-shadow: 3px 3px 0 #000;
-moz-box-shadow: 3px 3px 0 #000;
-webkit-box-shadow: 3px 3px 0 #000;
-ms-box-shadow: 3px 3px 0 #000;
-o-box-shadow: 3px 3px 0 #000;
color: #e5d197;
display: inline-block;
margin: 0;
padding: 3px 15px;
text-decoration: none;
font-family: 'axehandelregular';
}
.back a:hover{
box-shadow: 0px 0px 0 #000;
-moz-box-shadow: 0px 0px 0 #000;
-webkit-box-shadow: 0px 0px 0 #000;
-ms-box-shadow: 0px 0px 0 #000;
-o-box-shadow: 0px 0px 0 #000;
margin:5px;
}
.back img {
position:relative !important;
top:0 !important;
left:0 !important;
}
.book-main {
-webkit-perspective: 150px; /* Chrome, Safari, Opera */
perspective: 150px;
}
.book-open {
-webkit-transform: scale(5,5) rotateY(-91deg); /* Chrome, Safari, Opera */
transform: scale(5,5) rotateY(-91deg);
z-index:9999999;
}
.zo{ transform:scale(4,4);}
.coffe-div{/*-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:translateY(100%);
transform: translateY(100%);
*/
/* transform: translate(-225%, -3%);
-webkit-transform: translate(-225%, -3%);
-o-transform: translate(-225%, -3%);
-moz-transform: translate(-225%, -3%); */
opacity:0;
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.college-div
{/*-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform:translateY(100%);
transform: translateY(100%);*/
transition:all 0.3s;
-webkit-transition:all 0.3s;
}
.coffe-div.transl {
transition:all 1s;
-webkit-transition:all 1s;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform:translateY(0%);
transform: translateY(0%);
opacity:1;
}
.club-div{
transition:all 1s;
-webkit-transition:all 1s;
opacity:0;
}
.maha-div{
transition:all 1s;
-webkit-transition:all 1s;
opacity:0;
}
.transl {
transition:all 1s;
-webkit-transition:all 1s;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform:translateY(0%);
transform: translateY(0%);
opacity:1;
}
.club-div.transl {
transition:all 1s;
-webkit-transition:all 1s;
}
.maha-div.transl {
transition:all 1s;
-webkit-transition:all 1s;
opacity:1;
}
.res-div{
transition:all 1s;
-webkit-transition:all 1s;
/*-webkit-transform: translate(0%,0%) scale(0.0) rotate(0deg);
-moz-transform: translate(0%,0%) scale(0.0) rotate(0deg);
-ms-transform: translate(0%,0%) scale(0.0) rotate(0deg);
transform: translate(0%,0%) scale(0.0) rotate(0deg);*/
opacity:0;
}
.res-div.transl{
transition:all 1s;
-webkit-transition:all 1s;
-webkit-transform: translate(0%,0%) scale(1.0) rotate(0deg);
-moz-transform: translate(0%,0%) scale(1.0) rotate(0deg);
-ms-transform: translate(0%,0%) scale(1.0) rotate(0deg);
transform: translate(0%,0%) scale(1.0) rotate(0deg);
opacity:1;
}
.cpc{ text-align:center;}
.cpc img{ position:relative !important; left:0 !important; top:0 !important; text-align:center; }
.maz-main {
max-width:500px !important;
height:685px;
}
.main-menu img{ width:100px;}
.main-menu {
bottom: 26%;
left: 0%;}
.ses {
bottom: 16%;
left: 19%;
margin: 0;
padding: 0;
position: absolute;
right: 43px;
}
@media screen and (max-width: 1024px) {
.mob-con{ width:100% !important; height:auto !important; top:auto !important; bottom:10% !important; left:0 !important; padding:0px !important; margin:0px !important; padding:10px 50px !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; font-size:10px !important; }
.mob-con .cpc{ width:100% !important; padding:0px !important; margin:0px !important; padding:10px 50px !important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; font-size:10px !important; }
.mob-con p{ font-size:10px !important; text-align:center !important; }
.nav-right{ display:none;}
.nav-left{ display:none;}
.maz-main{ top:10% !important; bottom:auto !important; }
#fp-nav span, .fp-slidesNav span{ width:15px; height:15px;}
.animated7 {
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
}
@media screen and (max-width: 1450px) {
.maz-main {
max-width:400px !important;
height:585px;
}
.main-menu img{ width:100px;}
.main-menu {
bottom: 25%;
left: -3%;}
.ses {
bottom: 21%;
left: 19%;
margin: 0;
padding: 0;
position: absolute;
right: 43px;
}
}
.box-vid{ padding:0px; margin:0px; width:100%; height:100%; position:absolute; background:rgba(0,0,0,0.6); top:0; left:0; z-index:100000;}
.box-vid .vid-frame{ width:100%; height:400px; max-width:800px; background:#000; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
.box-vid .vid-frame iframe{ width:800px; height:400px;}
.box-vid .vid-frame .clsrv{ position:absolute; top:-20px; right:-20px; padding:10px; background:#cf2129; z-index:10000; cursor:pointer; box-shadow:0 0 4px #333; -webkit-box-shadow:0 0 4px #333; -moz-box-shadow:0 0 4px #333; -ms-box-shadow:0 0 4px #333; -o-box-shadow:0 0 4px #333;}
.chinatown-div .cpc img{ width:auto !important; height:auto !important;}
.launch_date{ position:absolute; bottom:13%; right:5%;}
.launch_date .des_im{ display:block;}
.launch_date .mob_im{ display:none;}
@media screen and (max-width: 640px) { .left-logo{ left:8%; text-align:center;} .left-logo img{ width:30px;} .right-logo img{ width:50px;} .right-logo{ top:4%;}
.launch_date .des_im{ display:none;}
.launch_date .mob_im{ display:block;}}
@media only screen and (max-width: 480px) { .main-menu img{ width:67px;} .main-menu{ bottom:50%; width:134px;} .maz-main{ height:auto !important;} .ses{ bottom:10%;} .main-menu{ bottom: 14%; left:4%; width:20%;} }
.icon_add{ position:absolute; bottom:10%; z-index:10000; left:5%; }
.icon_add img{ max-width:180px; height:auto !important; transform:scale(0.9,0.9); -webkit-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9); -ms-transform:scale(0.9,0.9); -o-transform:scale(0.9,0.9); transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; }
.launch_date img{ height:auto !important;}
.icon_add a:hover img{ transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);}
@media screen and (max-width: 900px) { .icon_add{ display:none; } }
.ses_2{ width:187px; position:absolute; padding:0px; margin:0px; bottom:30%; right:1%; }
.ses_2 img{ max-width:187px; padding:0px; margin:0px; animation:none;}
.booke{ padding:0px; margin:0 auto; position:absolute; max-width:476px; width:100%; left:60px; right:0; bottom:7%; background:url(../img/dotter.png) center no-repeat ; height:89px; }
.booke img{ max-width:215px; height:36px !important; position:absolute; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */}
.book_tic{ left:0; top:35px;}
.cine_lis{ right:18px; top:15px;}
.booke img:hover{ transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); filter: none;
-webkit-filter: grayscale(0%); }
.left_price{ position:absolute; bottom:15%; left:20%;}
.right_price{ position:absolute; bottom:15%; right:7%;}
@media screen and (max-width: 1024px) {
.booke{ bottom:11%;}
#section0 img{ display:block;}
.launch_date .mob_im{ display:none !important;}
.launch_date{ bottom:8%;}
.main-menu{ left:6%;}
.left_price{ position:absolute; bottom:15%; left:20%; display:none;}
.right_price{ position:absolute; bottom:15%; right:7%; display:none;}
}
@media screen and (max-width: 768px) {
.booke{ bottom:30%;}
}
@media screen and (max-width: 640px) {
.booke{ display:none;}
.ses_2{ width:100px; right:5%;}
.ses_2 img{ width:100px;}
.launch_date .des_im{ display:none !important;}
}