@charset "UTF-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, div,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, input
{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
vertical-align:baseline;
text-decoration:none;
list-style:none;
font-family: 'Montserrat', sans-serif;
}
.wrapper{margin:0 auto; width:1000px; }
.wrap{margin:0 auto; width:980px; }
.clear{clear:both;}
header{ float: left; position: relative; z-index: 9999; width: 100%;}
header nav{background-image:url(../images/navi-bg.png); background-repeat:no-repeat; float:left; z-index:9999; width: 980px; background-position:center top; margin:80px 0 0; padding: 19px 0px;}
.clearfix:before, .clearfix:after {content: " "; display: block; height: 0; overflow: hidden;}
.clearfix:after { clear: both;}
.clearfix {}
.left {float: left;}
nav ul{ width: 44%;}
.right {float: right;}
nav h1 a {background: url("../images/arcade-independence-square-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 142px; left: 26px; position: absolute; text-indent: -9999px; top: 26px; width: 226px; z-index: 10000;}
nav ul.left{margin:0 0 0 6%;}
nav ul.right{margin:0 3% 0 0;}
nav ul.left li {float: left;margin: 0;}
nav ul.right li {float: right; margin: 0;}
nav ul li a{font-size:13px; text-transform: uppercase;}
nav ul.left li a{color: #540000; margin: 20px 15px 0 0; padding:8px 15px 12px 2px; position: relative;}
nav ul.right li a {color: #540000; margin: 0 0 0 15px; padding:8px 5px 12px 10px; position: relative;}
nav ul.left li a:hover, nav ul.right li a:hover {color: #1C2953;}
nav ul.left li a.select, nav ul.right li a.select {color: #1C2953;}
.logobg {height: 170px; left: -123px; position: absolute; top:-15px; width: 226px; margin: 0 0 0 50%;}
.hme-mid-cntn{float:left; width:100%; background-image:url(../images/mid-bg.png); background-repeat:repeat-x; background-position:top; padding:10px 0; position:relative; background-color:#f2f2f2;}
.banner{ position:relative;}
.mid-cntn{background-image:url(../images/mid-wondows.png); background-repeat:no-repeat; width:245px; height:345px; float:left; margin:0 0 50px 0}
.mid-cntn a{-webkit-border-radius: 10px;-moz-border-radius: 10px; border-radius: 10px; background-color:#fff; border:#e8e8e8 solid 1px; margin:126px 35px 0; height:200px; width:180px; float:left; }
.mid-cntn a h2{font-family: 'Dancing Script', cursive; margin:25px 0; color:#757575; text-align:center; -webkit-transition:color 500ms ease-out .5s; -moz-transition: color 500ms ease-out .5s; -o-transition:color 500ms ease-out .5s; transition:color 500ms ease-out .5s;}
.mid-cntn a img{-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; width:180px; }
.grayscale {filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition:filter 500ms ease-out .5s; -moz-transition: filter 500ms ease-out .5s; -o-transition:filter 500ms ease-out .5s; transition:filter 500ms ease-out .5s;}
.mid-cntn a:hover h2{color:#1c2953;}
.mid-cntn a:hover .grayscale{filter:none; -webkit-filter:none;}
.hme-mid-cntn h3{text-transform:uppercase; color:#505a63; font-size:17px; border-right:#505a63 solid 1px; padding:4px 40px; float:left; margin:0 15px 0 0; line-height:25px}
.hme-mid-cntn p{color:#505a63; float:left; font-size:13px; line-height:18px; margin:0px 25px; width:600px;}
.mid-txt, .quick-links{float:left; width:100%; margin:10px 0 50px;}
.quick-links a{float:left; width:150px; margin:10px 47px;}
.quick-links a img{float:left; margin:0 27%; opacity:.7;}
.quick-links a span{color:#666; float:left; width:100%; text-align:center; margin:10px 0;}
.quick-links a:hover img{opacity:1; margin:0 27%;}
.brands{float:left; background:url(../images/brands-bttm.png) 0 100% no-repeat, url(../images/brands-top.png) 0 0px no-repeat #f2f2f2; padding:25px 0; width: 980px; margin:0 0 50px}
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3{float:left;}
.nbs-flexisel-container{position:relative; max-width:100%;}
.nbs-flexisel-ul{position:relative; width:9999px; margin:0px; padding:0px; list-style-type:none; text-align:center; height:95px;}
.nbs-flexisel-inner{overflow:hidden; float:left; width:100%;}
.nbs-flexisel-item{float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px;}
.nbs-flexisel-item img{width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; max-width:109px; max-height:62px;}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {width: 22px; height: 22px; position: absolute; cursor: pointer; z-index: 100; opacity: 0.5;}
#flexiselDemo3 li a img{filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition:filter 500ms ease-out .5s; -moz-transition: filter 500ms ease-out .5s; -o-transition:filter 500ms ease-out .5s; transition:filter 500ms ease-out .5s;}
#flexiselDemo3 li a:hover img{filter:none; -webkit-filter:none;}
.hme-msg{float:left; width:100%; background-color:#fff; padding:100px 0;}
.hme-msg li{width:300px; float:left; margin:13px;}
.hme-msg li p.name{color:#6b6b6b; float:left; margin:0 0 0 10px; width:157px; font-size: 11px; line-height:15px; }
.hme-msg li p strong{font-weight:bold; font-size:12px}
.hme-msg li img{position:relative; margin:0 5px 5px 0; float:left;}
.hme-msg li p.msg{font-size:11px; color:#6b6b6b; line-height:18px; margin:10px 0 0; float:left; text-align:justify; width:270px;}
.footer-top{float:left; width:100%; padding:75px 0 10px; background-image:url(../images/footer-top-bg.png); background-repeat:no-repeat; background-position:center top; margin:0; position:relative;}
.city-logo{float:left; left: -83px; margin: 0 0 0 50%; position: absolute; top: -59px; width: 166px;}
.footer-top ul li a:hover, #footer ul li.current a {color: #ff9900;}
.footer-top ul {float: left; margin: 0; padding: 0;}
.footer-top ul li {background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; float: left; margin: 0 !important; padding: 0 !important; width: 157px;}
.footer-top ul li h3, .content-foot ul li h3 a {color: #666 !important; cursor: default; font-size: 13px; font-weight: bold; margin: 0; padding: 0 0 10px;}
.footer-top ul li h3 a:hover {color: #666 !important;}
.footer-top ul li ul {margin: 0; padding: 0;}
.footer-top ul li a {color: #999 !important; font-size:11px;}
.footer-top ul li a:hover {color: #1c2953 !important;}
.footer{ padding:7px 0; background-color:#1C2953; float:left; width:100%;}
.footer span{color:#fff; font-size:11px; margin:5px; float:left;}
p.copyright{float:right; font-size:10px; color:#b5b5b5; margin:15px 5px 10px;}
p.copyright a{color:#999;}
p.copyright a:hover{color:#333;}
.sidebar-box{font-size:11px; color:#6b6b6b; line-height:18px; margin:10px 0 0; float:left; text-align:justify; width:270px;}
.sidebar-box{max-height: 120px; position: relative; padding:0 15px 0 0; overflow: hidden; }
.sidebar-box .read-more {position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0 8px 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.button {border-top: 1px solid #fff; background: #6b6b6b; padding: 5px 10px; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #fff; font-size: 12px; text-decoration: none; vertical-align: middle;}
.button:hover { border-top-color: #28597a; background: #6b6b6b; color: #ccc;}
.button:active {border-top-color: #1b435e; background: #6b6b6b;}
.footer-top ul li.first{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0 5px 0 0;}
.footer-top ul li.facebook a{background: url("../images/icon-facebook-twitter.gif") no-repeat scroll 0 -76px rgba(0, 0, 0, 0); padding-left: 20px;}
ul#nav-global li.facebook a {background: url("http://www.arcadeindependencesquare.com/images/sprite-social.png") no-repeat scroll 0 0 transparent;}
.footer-top ul li.twitter a {background: url("../images/icon-facebook-twitter.gif") no-repeat scroll 0 -52px rgba(0, 0, 0, 0); padding-left: 20px;}
ul#nav-global li.twitter a {background: url("http://www.arcadeindependencesquare.com/images/sprite-social.png") no-repeat scroll 0 -36px transparent;}
ul#nav-global li.y-channel a {background: url("http://www.arcadeindependencesquare.com/images/sprite-social.png") no-repeat scroll 0 -73px transparent;}
.footer-top ul li.y-channel a { background: url("../images/youtube.png") no-repeat scroll 3px 1px rgba(0, 0, 0, 0); padding-left: 20px;}
.cntn-inner-head{ background-image:url(../images/head-bg.png); background-repeat:repeat-x; width:100%; padding:4px 0; background-position:top; float:left; margin:10px 0 0;}
.cntn-inner-head h2{color:#fff; margin:7px 10px; font-size:24px; text-shadow: 0px -1px 2px rgba(150, 150, 150, 0.79);}
.cntn-inner-head .breadcrumb{float:right; width:100%;}
.breadcrumb {background: url("../images/bg-footer-line.png") no-repeat scroll 0 bottom rgba(0, 0, 0, 0); color: #545454; padding: 14px 0 4px;}
.breadcrumb a {background: url("../images/breadcrumbs-bullet.png") no-repeat scroll left 5px rgba(0, 0, 0, 0); color:#555555; float: left; font-size: 10px; font-weight: normal; margin-left: 10px; padding-left: 10px; text-transform: uppercase;}
.breadcrumb a:hover {color: #1c2953;}
.breadcrumb a.home {background: url("http://www.arcadeindependencesquare.com/images/bg-breadcrumb-home.png") repeat scroll 0 0 rgba(0, 0, 0, 0); height: 14px; text-indent: -999em; width: 5px;}
.breadcrumb a {background-position: left 3px;}
.breadcrumb a.home:hover {background: url("http://www.arcadeindependencesquare.com/images/bg-breadcrumb-home-on.png") repeat scroll 0 0 rgba(0, 0, 0, 0);}
.breadcrumb span {background: url("../images/breadcrumbs-bullet.png") no-repeat scroll left 3px rgba(0, 0, 0, 0); color: #555555; float: left; font-size: 11px; line-height: 14px; margin-left: 10px; padding-left: 10px; text-transform: uppercase;}
.breadcrumb b {color: #555555; float: left; font-size: 11px; line-height: 14px; margin-left: 10px; padding-left: 10px;}
.cntn-inner{background-color: #f1f1f1; float: left; padding: 10px 0 70px; position: relative; width: 100%; margin:1px 0 0; border-top:#d2d2d2 solid 1px;}
.cntn-inner-in{background-color:#fff; float: left; padding: 10px 0 90px; position: relative; width: 100%; margin:1px 0 0; border-top:#d2d2d2 solid 1px;}
.shops{margin:15px; float:left; width:100%;}
.wrap .shops a{background-image:url(../images/brands-outter.png); background-repeat:no-repeat; width:141px; height:76px; padding:2px; float:left; margin:10px 6px;}
.wrap .shops a span{ float:left; width:125px; height:70px; margin:2px 6px;}
.wrap .shops a img{max-height:71px; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-webkit-transition:filter 500ms ease-out .5s; -moz-transition: filter 500ms ease-out .5s; -o-transition:filter 500ms ease-out .5s; transition:filter 500ms ease-out .5s; opacity:.6;}
.wrap .shops a:hover span{background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.10) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.10)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.10) 0%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.wrap .shops a:hover img{filter:none; opacity:1; -webkit-filter:none;}
.brand-in{float:left; width:100%;}
.brand-in p img{float:left; padding:10px; border:#f2f2f2 solid 1px; margin:0 15px 0 0;}
.brand-in p{float:left; position:relative; margin:5px 0 0; color: #505a63; font-size: 13px; line-height: 20px;}
.brand-in h3{color:#1c2953; margin:25px 10px 10px 5px; font-size:20px;}
.brand-in .cntc{float:left; background:url(../images/brands-bttm.png) 0 top no-repeat; width:100%; margin:40px 0 0; padding:20px 0 0;}
.contact-details{margin:25px 20px; float:left; width:580px;}
.contact-details .map {background: url("../images/sprite-tools.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin:2px 30px 0 0; padding: 0 0 7px 30px; font-size: 13px; color: #505a63; width:210px;}
.contact-details .floor-no {background:url(../images/building-icon.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0); float: left; margin:2px 150px 10px 0; padding: 0 0 7px 30px; font-size: 13px; color: #505a63;}
.contact-details .floor-no span{color:#333;}
.contact-details .opening {background: url("../images/clock-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin:5px 20px 0 0;padding: 0 0 5px 30px; font-size: 13px ;color: #505a63; float:left;}
.contact-details .telephone {background: url("../images/sprite-tools.png") no-repeat scroll 0 -133px rgba(0, 0, 0, 0); color: #224b63; font-size: 13px !important; margin:0 30px 15px 0; padding: 5px 0 5px 30px; float:left; width:210px;}
.contact-details .email {background: url("../images/email-icon.png") no-repeat scroll 0 rgba(0, 0, 0, 0); color: #224b63; font-size: 13px !important; margin:0 30px 15px 0; padding: 5px 0 5px 30px; float:left;} .contact-details .email a{color: #224b63;}
.contact-details .email a:hover{color: #333;}
.contact-details .telephone a{color: #224b63;}
.contact-details .telephone a:hover{color: #333;}
.gallery{float:left; width:360px;}
.gallery li{float:left; margin:10px;}
.offer{ background-image: url("../images/offer-bg.png");
background-repeat: no-repeat;
float: left;
height: 186px;
margin: 20px;
width: 441px;}
.wrap .offer a{background-repeat:no-repeat; padding:2px; float:left; margin:10px 6px;}
.wrap .offer h6{font-size:38px; color:#FFF; margin:5px 0 0 35px;}
.wrap .offer a span{ float:left; margin:-8px 6px 0 45px; color:#fff;}
.wrap .offer a img{float:left; margin:-24px 0 0 146px; max-width: 110px;}
.wrap .offer a p{font-size:14px; color:#545454; margin:0 40px 17px;}
.cntn-inner-in p{font-size:12px; color:#545454; float:left; margin:0 0 10px; line-height:18px;}
.cntn-inner-in .wrap h2{float:left; margin:15px 0 5px; color:#1c2953; width:100%;}
.cntn-inner-in .wrap h4{float:left; margin:0 0 15px; color:#545454; font-size:16px; width:100%;}
.cntn-inner-in .wrap p img{float:left; margin:0 15px 15px 0; position:relative;}
.shopnametool
{
font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
font-size:16px;
}
.spot
{
width:100%;
height:100%;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-ms-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}
.spot:hover
{
width:101%;
height:101%;
}
.movies{float:left; margin:10px; width:470px;;height:450px}
.movies .opening {background: url("../images/clock-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); margin:5px 20px 0 0;padding: 0 0 5px 30px; font-size: 13px ;color: #505a63; float:left;}
.movie-out{float:left; width:470px;}
a.button-movie{
background: #ECECEC;
border-radius: 3px;
padding: 10px 20px;
display: block;
font-family: arial;
font-weight: bold;
color:#7f7f7f;
text-decoration: none;
text-shadow:0px 1px 0px #fff;
border:1px solid #a7a7a7;
width: 125px;
margin:0px auto;
margin-top:10px;
box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);
-webkit-transition:box-shadow 0.5s;
text-align:center;
}
a.button-movie i{
float: right;
margin-top: 2px;
}
a.button-movie:hover{
box-shadow: 0px 2px 1px white inset, 0px -2px 20px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1); background-color:#CCC; color:#666;
}
a.button-movie:active{
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5) inset, 0px -2px 20px white, 0px 1px 5px rgba(0, 0, 0, 0.1), 0px 2px 10px rgba(0, 0, 0, 0.1);
background:-webkit-linear-gradient(top, #d1d1d1 0%,#ECECEC 100%);