/***** Global Classes and declarations *****/

@font-face {
    font-family: 'speedeeregular';
    src: url('../fonts/speedee_w_rg-webfont.eot');
    src: url('../fonts/speedee_w_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/speedee_w_rg-webfont.woff2') format('woff2'),
         url('../fonts/speedee_w_rg-webfont.woff') format('woff'),
         url('../fonts/speedee_w_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

}

body { font-size: 62.5%; font-family: 'speedeeregular', sans-serif; font-weight: normal; width: 100%;  overflow-x: hidden; background: #FFBC0D;}
body:after{width: 100%; height: 70vh; background: url(../images/mc-bg.png) no-repeat center center; background-size: auto 100%; content: ''; display: block; position: absolute; left: 0; top: 15%; z-index: -1}

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, input { margin: 0; padding: 0; list-style: none; }
a { text-decoration: none; outline: none; }
a.selected { }
a:hover.selected { text-decoration: none; }
/*a:visited{ color:#60615f; text-decoration:underline;}*/
img { border: none; }
html { width: 100%; overflow-x: hidden; -webkit-text-size-adjust: 100%; }
p, input, a { color: #5f5f5f }
h1 { font-size: 1.8em; line-height: 1.2em; }
h2 { font-size: 1.5em; }
h3, h3 a { font-size: 1.2em; }
h4, h4 a { font-size: 1.2em; }
h5, h5 a { font-size: 1.2em; }
h6, h6 a { font-size: 1.2em; }
.nodatfound.errorMsg { float: left; clear: both; color: red; font-size: 1.2em }
h3 a, h4 a, h5 a, h6 a { font-size: 1em; text-decoration: underline; }
table, table tr td, table tr th { border: none }
.clearfix:after { content: "."; /*display: block;*/ clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {/*display: inline-block;*/ }
* html .clearfix { height: 1%; }
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border: none; -webkit-border-radius: 0; border-radius: 0; -webkit-overflow-scrolling: touch; outline: none }
.clear { font-size: 1%; height: 0; line-height: 0; width: 0; float: none; clear: both; }
html[xmlns] .clearfix {/*display: block;*/ }
input { outline: none }
article, aside, canvas, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section, summary, mark { display: block; width: 100%; float: left; }
strong { font-weight: normal }
h1, h2, h3, h4, h5, h6 { width: 100%; float: left }
*{-webkit-box-sizing: border-box; -o-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


* {
    user-select: none; 
   -webkit-user-select: none;
   -khtml-user-select: none; 
   -moz-user-select: none; 
   -ms-user-select: none; 

} 
.vMid{vertical-align: middle; display: table-cell}
/***** Global Classes and declarations END *****/
html, body{overflow: hidden; height: 100vh;}
.midWrapper{width: 640px;  height: 100vh; margin: 0 auto; max-width: 100%; position: relative}
.midWrapper p{font-size: 1.8em; color: #fff; line-height: 1.3em; width: 85%; float: left; padding: 0; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
header {position: absolute; top: 0; left: 0; padding: 20px; z-index: 1 }
header a.logo{float: right}
header a.logo img{width: 40px}
header a.indianBurger{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform:translateX(-50%); top: 80px;}
header a.indianBurger img{width: 140px;}
.firstScreen{width: 100%; float: left;  height:auto; padding: 200px 20px 0 20px; position: absolute}
.firstScreen p{text-align: center; }
.firstScreen p span{color: #DB0007;}
ul.burgerUL{width: 100%; float: left; height: 100%; display: table; max-width: 360px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
ul.burgerUL li{width: 27%; float: left; height: 100%; position: relative}
ul.burgerUL li .img{position: relative; height: 185px;  }
ul.burgerUL li .img, ul.burgerUL li .img img{width: 100%; float: left}
ul.burgerUL li .img .imgBurger{position: absolute; bottom: 0}
ul.burgerUL li .title{width: 100%; float: left; margin: 20px 0;}
ul.burgerUL li .title h2{font-size: 1.3em; color: #DB0007; font-family: 'speedeebold'; font-weight: normal; text-align: center}
ul.burgerUL li .title h2 span{width: 100%; float: left}

.firstScreen ul.burgerUL li .img .imgBurger{ -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); }
.firstScreen ul.burgerUL li:nth-child(2){width: 46%; z-index: 1}
.firstScreen ul.burgerUL li:nth-child(2) .title h2{font-size: 2em}

.button{width: 100%; float: left; margin: 20px 0 0 0;}
.button .a{font-size: 1.3em; text-transform: uppercase;color:#DB0007; text-align: center; margin: 0 auto; display: table; line-height: 1em; padding-top: 60px; position: relative}
.button .a:after{width: 50px; height: 50px; content: ''; display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #DB0007; border-radius: 100%;}
.button .a:before{width: 60px; height: 60px; content: ''; display: block; position: absolute; top: -5px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); border:1px solid #DB0007; border-radius: 100%; box-sizing: border-box}
.button .a span{ width: 100%; float: left; letter-spacing: 2px;}

body.activate .firstScreen{ opacity: 0; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; }
body.activate header a.indianBurger{left: 0; -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; top: 15px; -webkit-transition: all ease 1.0s; -moz-transition: all ease 1.0s; -o-transition: all ease 1.0s; transition: all ease 1.0s;}
body.activate header a.indianBurger img{width: 90px; -webkit-transition: all ease 1.0s; -moz-transition: all ease 1.0s; -o-transition: all ease 1.0s; transition: all ease 1.0s;}
body.activate .secondScreen{opacity: 1; visibility: visible; top: 0; -webkit-transition-delay: 1.0s; -moz-transition-delay: 1.0s; -o-transition-delay: 1.0s; transition-delay: 1.0s;}
.secondScreen{width: 100%; float: left;  height:auto; padding: 120px 0px 0 0px; opacity: 0; visibility: hidden; position: relative; top: 150px; -webkit-transition: all ease 0.8s; -moz-transition: all ease 0.8s; -o-transition: all ease 0.8s; transition: all ease 0.8s;}
.secondScreen p{text-align: center;}
.secondScreen p span{color: #DB0007;  font-family: 'speedeebold';}

.secondScreen .burgerWrap{width: 100%; float: left; margin: 15px 0 0 0;  max-width: 420px; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.secondScreen .burgerWrap .img{position: relative; height: 230px;  }
.secondScreen .burgerWrap .img .imgBurger{position: absolute; bottom: 0; width: 100%; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s; }
.secondScreen .burgerWrap .title{width: 100%; float: left; margin: 10px 0 20px 0;}
.secondScreen .burgerWrap .title h2{font-size: 1.3em; color: #DB0007; font-family: 'speedeebold'; font-weight: normal; text-align: center; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;}
.secondScreen .burgerWrap .title h2 span{width: 100%; float: left}

.secondScreen .burgerWrap .swiper-slide .img, .secondScreen .burgerWrap .swiper-slide h2{opacity: 0.7;  -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;}
.secondScreen .burgerWrap .swiper-slide-active .img, .secondScreen .burgerWrap .swiper-slide-active h2{opacity: 1}

.secondScreen .burgerWrap .swiper-slide-active .img .imgBurger{ -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4); }
.secondScreen .burgerWrap .swiper-slide-active h2{font-size: 1.8em}
.secondScreen .burgerWrap .swiper-slide-active .img .imgBurger{bottom: 10px;}
.count{width: 100px; height: 100px; background: #DB0007; border-radius: 100%; position: fixed; bottom: -25px; right: -25px; z-index: 1}


ul.contUL{width: 100%; float: left; padding: 0 20px; height: 100px; position: relative}
ul.contUL li{width: 100%; float: left; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.5s; -moz-transition: all ease 0.5s; -o-transition: all ease 0.5s; transition: all ease 0.5s;}
ul.contUL li.active{opacity: 1; visibility: visible}
.count .totalVal{position: fixed; right: 10px; bottom: 10px; font-size: 1.9em; color: #FFBC0D;}
.count .totalVal:after{position: absolute; left: -7px; top: -10px; width: 2px; height: 100%; background: #FFBC0D; content: ''; display: block; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg);}
.count .currentVal{position: fixed; right: 32px; bottom: 25px; font-size: 3.6em; color: #fff;}

.popup{width: 100%; height: 100vh; background: #FFBC0D; position: fixed; left: 0; top: 0; display: none;}
.popup .midBox{width: 100%; float: left; display: table; height: 100%; position: relative}
.popup a.closePopup{position: absolute; bottom: 40px; width: 50px; height: 50px; border-radius: 100%; border: 2px solid #fff; left: 50%; margin-left: -25px; overflow: hidden; text-indent: -99px;}
.popup a.closePopup:before, a.closePopup:after{width: 2px; height: 25px;position: absolute; left: 50%; top: 50%; -webkit-transform: rotate(45deg) translate(-50%, -50%); -moz-transform: rotate(45deg) translate(-50%, -50%); -o-transform: rotate(45deg) translate(-50%, -50%); transform: rotate(45deg) translate(-50%, -50%); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; background: #fff; content: '' }
.popup a.closePopup:before{width: 25px; height: 2px;}
.popup .burgerBox {width: 100%; float: left; display: none}
.popup .burgerBox h2{font-size: 2.4em; color:#DB0007; text-align: center;  font-family: 'speedeebold';}
.popup .burgerBox h2 span{width: 100%; float: left}
ul.slices{width: 50%; margin: 0 auto; display: table; position: relative; height: 65vh; }
ul.slices:after{width: 240px; opacity: 1;background: url(../images/chicken-maharaja-mac.png) no-repeat 0 bottom; background-size: 100% auto;    content: ''; display: block;height: 400px;z-index: 455; position: absolute;left: -13px; bottom: -23px;}

.vegmaharajamac ul.slices:after{background-image: url(../images/veg-maharaja-mac.png);}
.mcAlooTikki ul.slices:after{background-image: url(../images/mc-allo-tikki.png);}
.mcVeggie ul.slices:after{background-image: url(../images/mc-veggie.png);}
.mcEgg ul.slices:after{background-image: url(../images/mc-egg.png);}
.american-cheese-supreem-chicken ul.slices:after{background-image: url(../images/american-cheese-supreme-chicken.png);}
.american-cheese-supreem-veg ul.slices:after{background-image: url(../images/american-cheese-supreme-veg.png);}   

ul.slices li{position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 180px; bottom: 0; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; opacity: 0; z-index: -1 }
ul.slices li img{width: 100%; float: left}
.activeAnim ul.slices:after{opacity: 0}
.activeAnim ul.slices li{opacity: 1}
.hide{display: none !important}
.tooltip{width: 110px; height: 100px; position: absolute; padding: 0px 10px; top: 20px; z-index: 1}
.tooltip p{font-size: 1.3em; width: 100%; float: left}
.tooltip p strong{font-family: 'speedeebold';}
ul.slices li .tooltip img{width: auto; position: absolute; }
sup{font-size: 0.5em}
ul.slices li.slice1:after{position: absolute; background: url(../images/shadow.png) no-repeat 0 0; width: 190px; height: 65px; content: ''; display:  block; bottom: -50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
.tapCont{width: 170px; position: fixed; left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%);  transform: translateX(-50%); bottom:50px; -webkit-transition: all ease 1s; -moz-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; opacity: 0; }
.tapCont:after{background: url(../images/shadow-arrow.png) no-repeat 0 0; position: absolute; right: -8px; top: -55px; content: ''; display: block; width: 26px; height: 67px;}
.tapCont p{font-size: 1.8em; color: #DB0007; line-height: 1.4em; width: 100%; }
.tapCont p strong{width: 100%; font-size: 1.5em; float: left;  font-family: 'speedeebold';}
.activate .tapCont{opacity: 1; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
/************* Checken Maharaja Mac Start **********/
 .chieckenmaharajamac ul.slices li.slice1{bottom: 0; z-index: 0;} 
 .chieckenmaharajamac ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
 .chieckenmaharajamac ul.slices li.slice3{bottom: 5%; z-index: 2;}
 .chieckenmaharajamac ul.slices li.slice4{bottom: 2%; z-index: 3;}
 .chieckenmaharajamac ul.slices li.slice5{bottom: 5%; z-index: 4;}
 .chieckenmaharajamac ul.slices li.slice6{bottom: 6%; z-index: 5;}
 .chieckenmaharajamac ul.slices li.slice7{bottom: 7%; z-index: 6;}
 .chieckenmaharajamac ul.slices li.slice8{bottom: 9%; z-index: 7;}
 .chieckenmaharajamac ul.slices li.slice9{bottom: 12%; z-index: 8;}
 .chieckenmaharajamac ul.slices li.slice10{bottom: 11%; z-index: 9;}
 .chieckenmaharajamac ul.slices li.slice11{bottom: 11%; z-index: 10;}
 .chieckenmaharajamac ul.slices li.slice12{bottom: 12.5%; z-index: 11;}
 .chieckenmaharajamac ul.slices li.slice13{bottom: 13%; z-index:12;}
 .chieckenmaharajamac ul.slices li.slice14{bottom: 16%; z-index: 13;} 
.chieckenmaharajamac.activeAnim ul.slices li.slice1{bottom: 0; }
.chieckenmaharajamac.activeAnim ul.slices li.slice2{bottom: 4%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice3{bottom: 12%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice4{bottom: 15%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice5{bottom: 22%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice6{bottom: 29%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice7{bottom: 37%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice8{bottom: 47%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice9{bottom: 55%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice10{bottom: 60%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice11{bottom: 64%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice12{bottom: 72%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice13{bottom: 77%; }
.chieckenmaharajamac.activeAnim ul.slices li.slice14{bottom: 87%; }

.chieckenmaharajamac .slice14 .tooltip{right: 100%; top: 50px; }
.chieckenmaharajamac .slice6 .tooltip{left:100%;    padding: 8px 0px 0 10px;    top: 0;}
.chieckenmaharajamac .slice9 .tooltip{left: 100%;    padding: 0 0px 0 20px;    top: 30px;}
.chieckenmaharajamac .slice8 .tooltip{right: 100%; top: 20px; }
.chieckenmaharajamac .slice5 .tooltip{right: 100%; top: 50px; }
.chieckenmaharajamac .slice3 .tooltip{left: 100%; top: 50px; }
.chieckenmaharajamac ul.slices li.slice14 .tooltip img{ top: -16px;    right: -23px;}
.chieckenmaharajamac ul.slices li.slice6 .tooltip img{top: 20px; left: -30px;}
.chieckenmaharajamac ul.slices li.slice9 .tooltip img{top: -6px; left: -30px;}
.chieckenmaharajamac ul.slices li.slice8 .tooltip img{top: 0; right: -19px;    }
.chieckenmaharajamac ul.slices li.slice5 .tooltip img{ right: -19px; top:-25px;}
.chieckenmaharajamac ul.slices li.slice3 .tooltip img{    left: -11px;    top: -30px;}

/************* Checken Maharaja Mac End **********/



/************* veg  Maharaja Mac Start **********/
.vegmaharajamac ul.slices li.slice1{bottom: 0; z-index: 0;} 
.vegmaharajamac ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
.vegmaharajamac ul.slices li.slice3{bottom: 5%; z-index: 2;}
.vegmaharajamac ul.slices li.slice4{bottom: 2%; z-index: 3;}
.vegmaharajamac ul.slices li.slice5{bottom: 5%; z-index: 4;}
.vegmaharajamac ul.slices li.slice6{bottom: 6%; z-index: 5;}
.vegmaharajamac ul.slices li.slice7{bottom: 7%; z-index: 6;}
.vegmaharajamac ul.slices li.slice8{bottom: 9%; z-index: 7;}
.vegmaharajamac ul.slices li.slice9{bottom: 12%; z-index: 8;}
.vegmaharajamac ul.slices li.slice10{bottom: 11%; z-index: 9;}
.vegmaharajamac ul.slices li.slice11{bottom: 11%; z-index: 10;}
.vegmaharajamac ul.slices li.slice12{bottom: 12.5%; z-index: 11;}
.vegmaharajamac ul.slices li.slice13{bottom: 13%; z-index:12;}
.vegmaharajamac ul.slices li.slice14{bottom: 15%; z-index:13;}

.vegmaharajamac.activeAnim ul.slices li.slice1{bottom: 0; }
.vegmaharajamac.activeAnim ul.slices li.slice2{bottom: 6%; }
.vegmaharajamac.activeAnim ul.slices li.slice3{bottom: 12%; }
.vegmaharajamac.activeAnim ul.slices li.slice4{bottom: 19%; }
.vegmaharajamac.activeAnim ul.slices li.slice5{bottom: 24%; }
.vegmaharajamac.activeAnim ul.slices li.slice6{bottom: 31%; }
.vegmaharajamac.activeAnim ul.slices li.slice7{bottom: 38%; }
.vegmaharajamac.activeAnim ul.slices li.slice8{bottom: 42%; }
.vegmaharajamac.activeAnim ul.slices li.slice9{bottom: 50%; }
.vegmaharajamac.activeAnim ul.slices li.slice10{bottom: 55%; }
.vegmaharajamac.activeAnim ul.slices li.slice11{bottom: 61%; }
.vegmaharajamac.activeAnim ul.slices li.slice12{bottom: 67%; }
.vegmaharajamac.activeAnim ul.slices li.slice13{bottom: 73%; }
.vegmaharajamac.activeAnim ul.slices li.slice14{bottom: 84%; }


.vegmaharajamac .slice14 .tooltip{right: 100%; top: 40px; }
.vegmaharajamac .slice12 .tooltip{left:100%;    padding: 0 0px 0 10px;    top: 0;}
.vegmaharajamac .slice11 .tooltip{right: 100%;    padding: 0 0 0 10px;    top: 55px;}
.vegmaharajamac .slice10 .tooltip{left:  100%; top: 30px; }
.vegmaharajamac .slice6 .tooltip{left: 100%; top: 50px; }
.vegmaharajamac .slice7 .tooltip{right: 100%; top: 50px; }
.vegmaharajamac ul.slices li.slice7 .tooltip img{ top: -20px;    right: -25px;}

.vegmaharajamac ul.slices li.slice14 .tooltip img{ top: -16px;    right: -23px;}
.vegmaharajamac ul.slices li.slice12 .tooltip img{    top: 20px;left: -29px;z-index: -1;}
.vegmaharajamac ul.slices li.slice12 .tooltip p{    top: 20px;}
.vegmaharajamac ul.slices li.slice11 .tooltip img{top: -40px; right: -37px;}
.vegmaharajamac ul.slices li.slice10 .tooltip img{ left: -37px; top:0px;}
.vegmaharajamac ul.slices li.slice6 .tooltip img{left: -30px;    top: -30px;}
.vegmaharajamac ul.slices li.slice6 .tooltip p{left: 55px;    top: -25px;}

/************* Checken Maharaja Mac End **********/


/************* mcAlooTikki Start **********/
.mcAlooTikki ul.slices li.slice1{bottom: 0; z-index: 0;} 
.mcAlooTikki ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
.mcAlooTikki ul.slices li.slice3{bottom: 5%; z-index: 2;}
.mcAlooTikki ul.slices li.slice4{bottom: 2%; z-index: 3;}
.mcAlooTikki ul.slices li.slice5{bottom: 5%; z-index: 4;}
.mcAlooTikki ul.slices li.slice6{bottom: 6%; z-index: 5;}

.mcAlooTikki.activeAnim ul.slices li.slice1{bottom: 10%; }
.mcAlooTikki.activeAnim ul.slices li.slice2{bottom: 23%; }
.mcAlooTikki.activeAnim ul.slices li.slice3{bottom: 34%; }
.mcAlooTikki.activeAnim ul.slices li.slice4{bottom: 45%; }
.mcAlooTikki.activeAnim ul.slices li.slice5{bottom: 60%; }
.mcAlooTikki.activeAnim ul.slices li.slice6{bottom: 78%; }


.mcAlooTikki .slice6 .tooltip{right: 100%; top: 50px; }
.mcAlooTikki ul.slices li.slice6 .tooltip img{right: -15px; top: -25px }

.mcAlooTikki .slice2 .tooltip{right: 100%; top: 30px; }
.mcAlooTikki ul.slices li.slice2 .tooltip img{right:-30px; top: -30px }

.mcAlooTikki .slice4 .tooltip{left: 100%; top: 40px; }
.mcAlooTikki ul.slices li.slice4 .tooltip img.arrow1{left:-40px; top: 10px }
.mcAlooTikki ul.slices li.slice4 .tooltip img.arrow2{left:-40px; top: 40px }

/************* mcAlooTikki End **********/

/************* mcVeggie Start **********/
.mcVeggie ul.slices li.slice1{bottom: 0; z-index: 0;} 
.mcVeggie ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
.mcVeggie ul.slices li.slice3{bottom: 5%; z-index: 2;}
.mcVeggie ul.slices li.slice4{bottom: 2%; z-index: 3;}
.mcVeggie ul.slices li.slice5{bottom: 5%; z-index: 4;}

.mcVeggie.activeAnim ul.slices li.slice1{bottom: 10%; }
.mcVeggie.activeAnim ul.slices li.slice2{bottom: 28%; }
.mcVeggie.activeAnim ul.slices li.slice3{bottom: 42%; }
.mcVeggie.activeAnim ul.slices li.slice4{bottom: 55%; }
.mcVeggie.activeAnim ul.slices li.slice5{bottom: 70%; }

.mcVeggie .slice5 .tooltip{right:  100%; top: 40px; }
.mcVeggie ul.slices li.slice5 .tooltip img{right:  0px; top: -25px }

.mcVeggie .slice3 .tooltip{left: 100%; top: 30px; }
.mcVeggie ul.slices li.slice3 .tooltip img{left:  -25px; top: -25px }

.mcVeggie .slice2 .tooltip.right{right: 100%; top: 0px; }
.mcVeggie ul.slices li.slice2 .tooltip.right img{right: -40px; top: 30px }

.mcVeggie .slice2 .tooltip.left{left: 100%; top: 50px; }
.mcVeggie ul.slices li.slice2 .tooltip.left img{left: -43px; top: -23px;z-index: -1 }

/************* mcVeggie End **********/

/************* mcEgg Start **********/
.mcEgg ul.slices li.slice1{bottom: 0; z-index: 0;} 
.mcEgg ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
.mcEgg ul.slices li.slice3{bottom: 5%; z-index: 2;}
.mcEgg ul.slices li.slice4{bottom: 2%; z-index: 3;}
.mcEgg ul.slices li.slice5{bottom: 5%; z-index: 4;}

.mcEgg.activeAnim ul.slices li.slice1{bottom: 10%; }
.mcEgg.activeAnim ul.slices li.slice2{bottom: 28%; }
.mcEgg.activeAnim ul.slices li.slice3{bottom: 42%; }
.mcEgg.activeAnim ul.slices li.slice4{bottom: 55%; }
.mcEgg.activeAnim ul.slices li.slice5{bottom: 70%; }

.mcEgg .slice5 .tooltip{left:  100%; top: 30px; }
.mcEgg ul.slices li.slice5 .tooltip img{left:  -28px; top: -20px }

.mcEgg .slice3 .tooltip{right:   100%; top: 0px; }
.mcEgg ul.slices li.slice3 .tooltip img{right: -20px; top: 40px }

.mcEgg .slice2 .tooltip{left:  100%; top: -30px; }
.mcEgg ul.slices li.slice2 .tooltip img{left:  -40px; top: 30px }

/************* mcEgg End **********/

/************* american-cheese-supreem-chicken Start **********/
.american-cheese-supreem-chicken ul.slices li.slice1{bottom: 0; z-index: 0;} 
.american-cheese-supreem-chicken ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
.american-cheese-supreem-chicken ul.slices li.slice3{bottom: 5%; z-index: 2;}
.american-cheese-supreem-chicken ul.slices li.slice4{bottom: 2%; z-index: 3;}
.american-cheese-supreem-chicken ul.slices li.slice5{bottom: 5%; z-index: 4;}
.american-cheese-supreem-chicken ul.slices li.slice6{bottom: 6%; z-index: 5;}
.american-cheese-supreem-chicken ul.slices li.slice7{bottom: 7%; z-index: 6;}

.american-cheese-supreem-chicken.activeAnim ul.slices li.slice1{bottom: 10%; }
.american-cheese-supreem-chicken.activeAnim ul.slices li.slice2{bottom: 23%; }
.american-cheese-supreem-chicken.activeAnim ul.slices li.slice3{bottom: 34%; }
.american-cheese-supreem-chicken.activeAnim ul.slices li.slice4{bottom: 45%; }
.american-cheese-supreem-chicken.activeAnim ul.slices li.slice5{bottom: 55%; }
.american-cheese-supreem-chicken.activeAnim ul.slices li.slice6{bottom: 66%; }
.american-cheese-supreem-chicken.activeAnim ul.slices li.slice7{bottom: 80%; }


.american-cheese-supreem-chicken .slice2 .tooltip{right:   100%; top: 30px; }
.american-cheese-supreem-chicken ul.slices li.slice2 .tooltip img{right:   -28px; top: -20px }

.american-cheese-supreem-chicken .slice3 .tooltip{left:    100%; top: 30px; }
.american-cheese-supreem-chicken ul.slices li.slice3 .tooltip img{left:-20px; top: -20px }

.american-cheese-supreem-chicken .slice4 .tooltip{right:     100%; top: 0px; }
.american-cheese-supreem-chicken ul.slices li.slice4 .tooltip img{right:-37px; top: 20px }

.american-cheese-supreem-chicken .slice5 .tooltip{left:100%; top: 20px; }
.american-cheese-supreem-chicken ul.slices li.slice5 .tooltip img{left: -40px; top:0px }

.american-cheese-supreem-chicken .slice7 .tooltip{right: 100%; top: 60px; }
.american-cheese-supreem-chicken ul.slices li.slice7 .tooltip img{right: -25px; top:-25px }
/************* american-cheese-supreem-chicken End **********/

/************* american-cheese-supreem-veg Start **********/
.american-cheese-supreem-veg ul.slices li.slice1{bottom: 0; z-index: 0;} 
.american-cheese-supreem-veg ul.slices li.slice2{bottom: 0.5%; z-index: 1;}
.american-cheese-supreem-veg ul.slices li.slice3{bottom: 5%; z-index: 2;}
.american-cheese-supreem-veg ul.slices li.slice4{bottom: 2%; z-index: 3;}
.american-cheese-supreem-veg ul.slices li.slice5{bottom: 5%; z-index: 4;}
.american-cheese-supreem-veg ul.slices li.slice6{bottom: 6%; z-index: 5;}
.american-cheese-supreem-veg ul.slices li.slice7{bottom: 7%; z-index: 6;}

.american-cheese-supreem-veg.activeAnim ul.slices li.slice1{bottom: 10%; }
.american-cheese-supreem-veg.activeAnim ul.slices li.slice2{bottom: 23%; }
.american-cheese-supreem-veg.activeAnim ul.slices li.slice3{bottom: 34%; }
.american-cheese-supreem-veg.activeAnim ul.slices li.slice4{bottom: 45%; }
.american-cheese-supreem-veg.activeAnim ul.slices li.slice5{bottom: 55%; }
.american-cheese-supreem-veg.activeAnim ul.slices li.slice6{bottom: 66%; }
.american-cheese-supreem-veg.activeAnim ul.slices li.slice7{bottom: 80%; }


.american-cheese-supreem-veg .slice3 .tooltip{left:    100%; top: 30px; }
.american-cheese-supreem-veg ul.slices li.slice3 .tooltip img{left:-20px; top: -20px }

.american-cheese-supreem-veg .slice4 .tooltip{right:     100%; top: 25px; }
.american-cheese-supreem-veg ul.slices li.slice4 .tooltip img{right:-37px; top: -8px }

.american-cheese-supreem-veg .slice5 .tooltip{left:100%; top: 20px; }
.american-cheese-supreem-veg ul.slices li.slice5 .tooltip img{left: -40px; top:0px }

.american-cheese-supreem-veg .slice7 .tooltip{right: 100%; top: 60px; }
.american-cheese-supreem-veg ul.slices li.slice7 .tooltip img{right: -25px; top:-25px }
/************* american-cheese-supreem-veg End **********/