*{margin:0px; padding:0px; outline:none;}
.left{float:left;}
.right{float:right;}
ol, ul, h1, h2, h3, h4, h5, h6, p, a{margin:0px; padding:0px;}
li{list-style:none;}
a{transition:all 0.4s ease-in-out; text-decoration:none;}
body{font-size:14px; color:#000; font-family: 'Source Sans Pro'; font-weight:400;}
header,footer,section{float:left; width:100%;}
.pnone{padding:0px;}

@font-face {
    font-family: 'swis721_cn_btbold';
    src: url(../fonts/'swiss_721_bold_condensed_bt-webfont.woff2') format('woff2'),
         url(../fonts/'swiss_721_bold_condensed_bt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
h3{font-size:40px; line-height:50px; color:#333; font-family:Oxygen; font-weight:400; margin:0 0 0 0;}
header{float:left; width:100%; transition:all 0.3s ease-in-out;}
.header-top{padding:0px}
section{padding:60px 0px}
.logo{float:left; width:auto;}
.logo img{float:left; width:auto; padding:5px 0 5px 25px;}
.logo p{font-size:18px; color:#f9443b; font-family: 'Source Sans Pro'; margin:75px 0px 0 20px; display:inline-block;}

.outer-banner{background-image:url(../images/banner_bg.jpg); background-repeat:no-repeat; background-size:cover; background-position:0 0; position:relative;} 
.banner{float:left; width:100%;}
.banner-cont{float:left; width:100%; padding:50px 0 150px;}
.banner-cont h3{color:#fff; text-transform:uppercase;}
.banner-cont h3 span{font-size:20px; float:left; width:100%; margin:0px 0 0 0; line-height:20px}
.banner-cont h4{font-size:34px; line-height:42px; color:#fff; font-family: 'Source Sans Pro'; margin-top:35px; float:left;}
.banner-cont p{font-size:18px; line-height:29px; color:#fff; font-family: 'Source Sans Pro'; margin:16px 0 0 0; float:left;}
.banner-cont h5{font-size:46px; color:#fff; font-family: 'swis721_cn_btbold'; float:left; margin:60px 0 0 0; position:relative; padding-left:50px;}
.banner-cont h5:before{position:absolute; content:''; background-image:url(../images/gst_check.png); width:44px; height:37px; top:0px; left:0px;}

.banner-form{float:left; width:100%; background:#1776bf; padding:25px; border-radius:3px;}
.banner-form h3{font-size:30px; color:#fff; font-family:Oxygen; font-weight:700; margin:0 0 0 0; text-transform:uppercase; margin-bottom:25px; text-align:center;}
.banner-form .banner-input{color:#4c4c4c; font-family: 'Source Sans Pro'; font-weight:400; background:#fff; border:1px solid #ccc; padding:10px 15px; margin-bottom:10px; float:left; width:100%;}
.btn-demo{color:#0d83dd; padding:10px 30px; text-align:center; transition:all 0.4s ease-in-out; font-family: 'Source Sans Pro'; font-weight:700; text-transform:uppercase; border-radius:0px;}
.yellow{background:#ffee00; color:#0d83dd; float:left; width:100%; font-size:24px;}
.yellow:hover{background:#f9443b; color:#fff;}
.outer-services{background:rgba(47, 145, 210, .83); position:absolute; bottom:0px; left:0px; height:auto; width:100%; padding:20px 0; transition:all 0.3s ease-in-out;}
.services{float:left; width:100%; text-align:center;}
.services .navbar-default{background:none; border:none; margin-bottom:0px;}
.services ul{width:100%; margin:0px; padding:0px; font-size:0px;}
.services ul li{list-style:none; display:inline-block; width:20%; vertical-align:top; position:relative}
.services ul li a{position:relative; display:inline-block; }
.services ul li span{float:left; width:100%; text-align:center;}
.services ul li span img{height:auto;}
.services ul li.active a{background:none!important;}
.services ul li a:after{position:absolute; content:''; height:3px; width:0; opacity:0; bottom:-10px; left:0px; background:#fff; transition:all 0.3s ease-in-out}
.services ul li.active a:after{width:100%; bottom:-6px; opacity:1;}
.services ul li p{font-size:16px; font-family: 'Source Sans Pro'; font-weight:400; text-transform:uppercase; line-height:22px; margin:10px 0 0 0; color:#fefefe; float:left; width:100%; text-align:center; padding:0 0px;}

.destination, .bevrage{float:left; width:100%;}
.destination h3{margin-bottom:35px; text-align:center; font-size:30px; line-height:normal;}
.destination-inner{float:left; width:100%; padding:20px 20px 20px 20px;}
.destination-inner h4{font-size:24px; line-height:normal; color:#0d83dd; font-family:Oxygen; font-weight:400; margin:0 0 5px 0;}
.destination-inner p{font-size:16px; line-height:23px; color:#333; font-family:Oxygen; font-weight:400;}

.clients{float:left; width:100%; text-align:center; margin:30px 0 10px 0;}
.clients h3{margin-bottom:20px;}
.clients ul{width:auto;}
.clients .bx-wrapper .bx-prev{left:-40px;}
.clients .bx-wrapper .bx-next{right:-20px;}

.outer-apartments{padding:50px 0 80px 0; background:#eaf7e8;}
.apartments{float:left; width:100%; text-align:center;}
.apartments p{margin:20px 0 25px 0; padding:0 50px; font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#333;}
.apartpara{padding:0 100px;}
.apartments h4{color:#0d83dd; font-family:Oxygen; font-weight:400; font-size:24px; line-height:24px; margin:45px 0 0 0;}
.apartments span a{text-decoration:none;}
.reqdemo{background:#f9443b; color:#fff; font-size:20px; display:inline-block; border-radius:4px; margin:20px 0 50px 0;}
.reqdemo:hover{background:#0d83dd; color:#fff;}

.testimonial{float:left; width:100%;}
.testimage{float:left; width:20% !important; text-align:center; margin-top:30px}
.test-cont{float:right !important; width:80% !important; text-align:left; margin-top:25px; padding:0 30px 0 20px;}
.test-cont h5{font-size:20px; line-height:30px; color:#0d83dd; font-family:Oxygen; font-weight:400;}
.test-cont p{ font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#444; padding:0px!important; margin:15px 0 0 0!important;}

.outer-bevrage{padding-bottom:0px;}
.contract{min-height:217px;}
.destination p{font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#444; padding:0px; margin:25px 0 60px 0; padding:0 180px; text-align:center;}
.destination-inner h5{color:#0d83dd; font-family:Oxygen; font-weight:400; font-size:18px; line-height:24px; position:relative;}

.dest-icon{display:inline-block; width:auto; margin-right:15px; margin-bottom:10px}
.destination-inner p, .ware-cont p{font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#333; padding:0px; margin:0px 0 15px 0; text-align:left;}


.outer-warehousing{background-image:url(../images/centralkitchen_bg.jpg); background-repeat:no-repeat; background-position:0 0; background-size:cover; overflow:hidden; padding:0px;}
.warehousing{float:left; width:100%;}

.ware-cont{float:left; width:100%; padding:125px 0 20px 80px; position:relative; text-align:center}
.ware-cont p{text-align:center; color:#fff}
.ware-cont h3{color:#0d83dd;color:#fff}
/*.ware-cont h3{font-size:40px; line-height:normal; color:#0d83dd; font-family: 'Source Sans Pro'; font-weight:400;}*/
.ware-cont span{float:left; width:100%; text-align:center;}
.ware-cont span a{text-decoration:none; color:#fff; display:inline-block; margin:15px 0 30px;}
.wareimg{margin-top:23px; float:left; width:100%;}
.outer-costing{padding:80px 0;}
.costing{float:left; width:100%;}
.costing-box{float:left; width:100%;}
.costing-box h4{font-size:18px; line-height:22px; color:#0d83dd; font-family:Oxygen; font-weight:400; margin:16px 0 20px 0;}
.costing-box p{font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#333;}

.hospitality{float:left; width:100%;}
.hospitality p{margin:20px 0 0 0; padding:0px 80px;}
.hospitality .costing-box{text-align:left; margin:70px 0 55px 0; padding-right:0px;}
.hospitality .costing-box p{padding:0px;}

.outer-member{padding:50px 0; background:#1f85c4;}
.memberclub{float:left ;width:100%;}
.memberclub h3{color:#fff;}
.memberclub p{margin:15px 0 50px 0; padding:0 80px; font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#fff; text-align:center;}
.memberimage{float:left; width:100%; padding-right:40px;}
.memberimage img{width:100%;}

.membercontent{float:left; width:100%;}
.membercontent h4{font-size:40px; line-height:50px; color:#fff; font-family:Oxygen; font-weight:400; margin:35px 0 0 0;}
.membercontent p{margin:10px 0 30px 0; font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#fff; text-align:left; padding:0px;}
.memdemo{background:#ffee00; font-weight:400; font-size:20px; border-radius:4px; width:auto;}
.memdemo a{text-decoration:none; color:#0d83dd;}

.outerparty{padding:60px 0 40px;}
.party{float:left; width:100%; text-align:center; padding:0 180px;}
.party p{font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#333; margin:20px 0;}

.parallax{float:left; width:100%; height:auto; background:#fff;  position:relative; padding:50px 0px}
.parallax p{font-size:18px; text-align:center}
.outerwebpro{padding:50px 0 85px 0; background:#0d83dd;}
.webpro{float:left; width:100%; text-align:center;}
.webpro h3{font-size:28px; line-height:40px; color:#fff; font-family:Oxygen; font-weight:400;}
.webpro h4{font-size:24px; line-height:32px; color:#fff; font-family:Oxygen; font-weight:400; margin:40px 0 65px 0;}
.webpro span{text-align:center; display:inline-block; float:none;}
.webpro span a{text-decoration:none;}
.partydemo{width:auto; border-radius:0px; padding:10px 80px;}

.footeraddress{float:left; width:100%; padding:50px 0;}
.addressbox{float:left; width:100%;}
.addressbox h5{ font-family: 'Source Sans Pro'; font-weight:400; font-size:16px; line-height:23px; color:#4c4c4c;}
.addressbox h5 a{float:left; width:100%; color:#4c4c4c; text-decoration:none;}
.footeraddress p{font-family: 'Source Sans Pro'; font-weight:400; font-size:14px; line-height:23px; color:#4c4c4c; margin:0 0 0 0; text-align:center; float:left; width:100%; margin-top:25px;}


/*scrolling nav css start here*/

body{width: 100%; height: 100%;}
html{width: 100%; height: 100%;}
.intro-section{height: 100%; padding-top: 150px; text-align: center; background: #fff;}
.about-section{height: 100%; padding-top: 150px; text-align: center; background: #eee;}
.services-section{height: 100%; padding-top: 150px; text-align: center; background: #fff;}
.contact-section{height: 100%; padding-top: 150px; text-align: center; background: #eee;}
.services .logo{opacity:0; width:0px; height:0px; transition:all 0.3s ease-in-out; overflow:hidden}

.fix-header{ z-index: 999999; position: fixed; top: 0; bottom:auto; width: 100%; background:rgba(47, 145, 210, 1);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);
	box-shadow: 0 0 10px rgba(0,0,0,.5); padding:5px 0px}
.fix-header .services ul li span{float:left; width:100%; text-align:center; display:none;}
.fix-header .navbar{margin-bottom:0px;}
.fix-header .services ul li p{margin:5px;}
.fix-header .logo{width:auto; opacity:1; width:auto; height:auto;}
.fix-header .logo img{width:50px; padding:0px;}
.fix-header .navbar-collapse{width:90%; float:right}
.dnone{display:none!important;}

.services .navbar-nav>li>a{padding:0px;}
.dist-cont{color:#fff;}
.dist-cont h1{color:#fff; margin:50px 0 20px 0; text-align:center;font-size:42px;}

.bubbles { height: 400px; width: 980px; margin:0 auto; position: relative; margin-top:20px; }
.bubbles .circle { transition: 1s all ease; z-index: 2; opacity: 1; position: absolute; top: 50%; left: 50%; width: 102px; height: 102px; background: url(../images/bubble-circle.png) no-repeat 0 0; }
.bubbles .circle img { position: relative; top: 23px; left:28px; }
.bubbles .circle.ui-draggable-dragging { transition: none; }
.bubbles.off .circle { opacity: 0; top: 0%!important; left: 50%!important; }
.bubbles .circle span { display: none; }
.bubbles .circle.purzue { width: 237px; z-index: 3; height: 200px; border-radius: 200px; margin-top: -100px; margin-left: -120px; background: none; }
.bubbles .circle.purzue img { width: 237px; height: 200px;top: 0; left:0px; border-radius:100% }
.bubbles .circle.facebook { left: 250px; top: -55px;}
.bubbles .circle.linkedin { left: 45px; top: -35px;}
.bubbles .circle.twitter { left: 100px; top: 121px;}
.bubbles .circle.google { left: 0px; top: 250px;}
.bubbles .circle.pdf { left: 892px; top: 0px;}
.bubbles .circle.doc { left: 645px; top: 295px;}

.bubbles .circle.txt { left: 900px; top: 270px;}
.bubbles .circle.simplyhired { left: 656px; top: 16px;}
.bubbles .circle.blogger { left: 680px; top: -55px;}
.bubbles .circle.indeed { left: 750px; top: 162px;}
.bubbles .circle.pinterest { left: 772px; top: 150px;}
.bubbles .circle.email { left: 235px; top: 295px;}

.bubbles .line {
    width: 100px;
    height: 2px;
    position: absolute;
    background-color: #1aa4ff;
    z-index: 1;
    opacity: .3;}
	
.line.facebook{top: 90.814px; left: 330.163px; width: 214px; transform: rotate(35deg);}
.line.linkedin{top: 131.176px;
    left: 134.085px;
    width: 386px;
    transform: rotate(30deg);}
.line.twitter{top: 191.111px;
    left: 209.878px;
    width: 302px;
    transform: rotate(3deg);}
.line.google{top: 243.658px;
    left: 101.343px;
    width: 387px;
    transform: rotate(-15deg);}
.line.pdf{top: 135.213px;
    left: 500.124px;
    width: 405px;
    transform: rotate(158deg);}
.line.doc{top: 260.807px;
    left: 493.117px;
    width: 208px;
    transform: rotate(-144deg);}
.line.txt{top: 252.568px;
    left: 504.174px;
    width: 400px;
    transform: rotate(-165deg);}
.line.simplyhired{top: 124.814px; left: 330.163px; width: 214px; transform: rotate(44deg);}
.line.blogger{top: 87.146px;
    left: 485.954px;
    width: 233px;
    transform: rotate(145deg);}
.line.indeed{top: 124.814px; left: 330.163px; width: 214px; transform: rotate(44deg);}
.line.pinterest{top: 199.626px;
    left: 512.013px;
    width: 273px;
    transform: rotate(179deg);}
.line.email{top: 274.163px;
    left: 248.74px;
    width: 275px;
    transform: rotate(-40deg);}
	@media (max-width: 1279px) {
		.bubbles .circle.txt{left: 855px;
    top: 270px;}
		.bubbles .circle.pdf {
    left: 860px;
    top: 0px;
}
		}
@media (max-width: 880px) {
 .bubbles .circle.purzue { width: 150px; z-index: 3; height: 105px; border-radius: 150px; margin-top: -52px; margin-left: -75px; background: none; }
 .bubbles .circle.purzue img { width: 150px; height: 105px; border-radius: 150px; top: 0; background-size: 100%!important; }
 .bubbles .circle { transition: 1s all ease; z-index: 2; opacity: 1; position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; border-radius: 200px; background-size:80px 80px; }
 .bubbles .circle img { position: relative; top: 20px; left:23px; height: 35px; }
 .bubbles .circle.facebook { right: 17%; left: inherit; top: 15%; }
 .bubbles .circle.linkedin { left: 50%; top: 40px; margin-left: -42px; }
 .bubbles .circle.twitter { left: 17%; top: 14%; }
 .bubbles .circle.google { left: 0%; top: 29%; }
 .bubbles .circle.pdf { left: inherit; right: 0; top: 55%; }
 .bubbles .circle.doc { left: 0%; top: 58%; }
 .bubbles .circle.txt { top: inherit; bottom: 40px; left: 50%; margin-left: -43px; }
 .bubbles .circle.simplyhired { left: inherit; right: 0; top: 33%; }
 .bubbles .circle.indeed { right: 17%; bottom: 17%; top: inherit; left: inherit; }
 .bubbles .circle.blogger { left: inherit; right: 0; top: 29%; }
 .bubbles .circle.pinterest { right: 17%; bottom: 13%; top: inherit; left: inherit; }
 .bubbles .circle.email { left: 17%; bottom: 13%; top: inherit; }
 .bubbles .info { display: none; }
}

@media (max-width: 640px) {
 .bubbles .circle.purzue { width: 150px; z-index: 3; height: 105px; border-radius: 150px; margin-top: -52px; margin-left: -75px; background: none; }
 .bubbles .circle.purzue img { width: 150px; height: 105px; border-radius: 150px; top: 0; background-size: 100%!important; }
 .bubbles .circle { transition: 1s all ease; z-index: 2; opacity: 1; position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; border-radius: 200px; background-size:50px 50px; }
 .bubbles .circle img { position: relative; top: 14px; left:15px; height: 22px; }
 .bubbles .circle.facebook { right: 17%; left: inherit; top: 17%; }
 .bubbles .circle.linkedin { left: 50%; top: 40px; margin-left: -25px; }
 .bubbles .circle.twitter { left: 17%; top: 17%; }
 .bubbles .circle.google { left: 0%; top: 33%; }
 .bubbles .circle.pdf { left: inherit; right: 0; top: 58%; }
 .bubbles .circle.doc { left: 0%; top: 58%; }
 .bubbles .circle.txt { left: 153px; top: inherit; bottom: 40px; left: 50%; margin-left: -25px; }
 .bubbles .circle.simplyhired { left: inherit; right: 0; top: 33%; }
 .bubbles .circle.indeed { right: 17%; bottom: 17%; top: inherit; left: inherit; }
 .bubbles .circle.blogger { left: inherit; right: 0; top: 33%; }
 .bubbles .circle.pinterest { right: 17%; bottom: 17%; top: inherit; left: inherit; }
 .bubbles .circle.email { left: 17%; bottom: 17%; top: inherit; }
 .bubbles .info { display: none; }
}
.info.empty{display:none}

.services .logo{cursor:pointer}
.room-list{display:inline-block;}
.mrgnone{margin-top:80px!important;}