article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; *zoom:1;}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
a { background: transparent; color: #000; outline: none; text-decoration: none; vertical-align: baseline; margin: 0; padding: 0; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
a:hover { text-decoration: none; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
input, select { vertical-align: middle; }
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; -webkit-border-radius: 0; cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
ul{ margin-bottom:0}		
input::-moz-focus-inner {border:0; padding:0;}
input[type="text"], input[type="password"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"] { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; font-family: 'Raleway', sans-serif; }
input[type="text"]:focus, input[type="password"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus { outline: none; }
textarea { overflow: auto; vertical-align: top; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none }
textarea:focus { outline: none; }
#contact_comment { outline: none; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -webkit-appearance: none; font-weight: 400; border: none; font-family: 'Raleway', sans-serif; }
#contact_comment:focus { outline: none; }
/*::-webkit-input-placeholder:focus{}
:-moz-placeholder{opacity: 1 !important;}
:-moz-placeholder:focus{color: #000;}
::-moz-placeholder{opacity: 1 !important;}
::-moz-placeholder:focus{ color: #000;}
:-ms-input-placeholder{opacity: 1 !important;}
:-ms-input-placeholder:focus{ color: #000;}*/
h1, h2, h3, h4, h5, h6 { font-weight: 400; }
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: none; display: block; }
* {margin:0px; padding:0px; }
nav ul { list-style: none; }
ul { list-style: none; }
strong { font-weight: 700; }
.nopad { padding-bottom: 0px !important; }
em { font-style: italic; }


body { font-size: 16px; color: #000000; font-family: 'Raleway', sans-serif; font-weight: 400; margin: 0px; padding: 0px; text-align: center; line-height: 1; overflow-x: hidden;}
.width100, header, footer, section { float: left; width: 100%; }
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
} 

/*--- Header START ---*/
header{float:left; width:100%;}
header .tp-link{float:left; width:100%; background:#303030; padding:12px 0;}
header .bg-icon{float:left; background:url(../images/bg-icon.jpg) no-repeat; height:28px; padding: 5px 4px 4px 3px; margin-right:25px;} 
header .bg-icon i{float: left; font-size: 15px; margin: 1px 0 0 1px;}
header .bg-icon a{float:left; font-size:16px; color:#fff; text-decoration:none; margin:0 0 0 10px; color:#fff; font-family:Verdana, Geneva, sans-serif;}
header .bg-icon a:hover{color:#ff662f;}
header .header-main .logo{float:left; width:213px;/* height:84px;*/ margin:13px 0 0 1px;} 

/*--- Header END ---*/

/*Menu STARTS*/

.menu{ margin:51px 0px 0px 0px; float:right;}
.navbar-default{background:none; border:none;}
.dropdown-menu > li.kopie > a {padding-left:5px;}
.dropdown-submenu {position:relative;}
.dropdown-submenu>.dropdown-menu {top:0;left:100%; margin-top:-6px;margin-left:-1px; -webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu > a:after { border-color: transparent transparent transparent #333; border-style: solid; border-width: 5px 0 5px 5px; content: " "; display: block; float: right; height: 0; margin-right: -10px; margin-top: 5px; width: 0;} 
.dropdown-submenu:hover>a:after {border-left-color:#555; }
.dropdown-menu > li > a:hover, .dropdown-menu > .active > a:hover {text-decoration: underline;}  
.navbar{ min-height:inherit; margin-bottom:0px;}
.navbar-collapse{ padding:0px;}
.navbar-nav{ width:100%;}
.navbar-nav > li{ margin:0px; float:none; display:inline-block; border-right:#e4e4e4 solid 1px; padding:0 21px;}
.navbar-nav > li:last-child{border-right:none; padding-right:0;}
.navbar-nav > li > a{ padding:0; border-top:4px solid transparent; font-size:16px; text-transform:uppercase; color:#413f40; position:relative; font-weight:700;}
.navbar-default .navbar-nav > li > a:hover{ background:none; color:#ff662f;}
.navbar-nav > li > a.active , .nav > li > a:focus , .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{ background:none; color:#ff662f; border-bottom:2px solid #ff662f;}
.navbar-nav > li > a:hover:before, .navbar-nav > li > a.active:before{ content:''; position:absolute; bottom:11px; left:0px; height:9px;  width:37px; margin:auto; right:0px;}
.dropdown-menu{  border-radius:0px; background:#413f40; box-sizing:border-box; padding:8px 0; width:280px; border:none;}
.dropdown-menu > li > a{ font-size:16px; color:#c7c7c7; line-height:22px; padding:7px 16px; margin:0px 0px; float:left; width:100%; font-weight:700; }
.dropdown-menu > li > a:hover, .dropdown-menu > li.active > a{ color:#fff; text-decoration:none; background:#e86b3b; text-decoration:none; }
.dropdown-menu > li.active > a:hover{ background:#e86b3b; color:#fff; text-decoration:none;}
.dropdown-menu > li:last-child > a{ border-bottom:none; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background-color:transparent;}
.navbar-default .navbar-nav > li > a:focus{background: #fff; color: #F00;}
/*.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{color:#ff662f; background:none; border:none;}*/
  
@media (max-width: 767px) {
.navbar-nav  { display: inline;}
.navbar-default .navbar-brand { display: inline;}
.navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
.navbar-default .navbar-nav .dropdown-menu > li > a {color: red; background-color: #ccc; border-radius: 4px; margin-top: 2px; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #333; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { background-color: #ccc;}
.navbar-nav .open .dropdown-menu { border-bottom: 1px solid white;  border-radius: 0;}
.dropdown-menu { padding-left: 10px;}
.dropdown-menu .dropdown-menu { padding-left: 20px;}
.dropdown-menu .dropdown-menu .dropdown-menu {padding-left: 30px;}
li.dropdown.open {border: 0px solid red; }
}
 
@media (min-width: 768px) {
ul.nav li:hover > ul.dropdown-menu { display: block;}
#navbar { text-align: center; }
}  
/*Menu END*/

/*--- Banner START ---*/
#banner{float:left; width:100%; margin-top:14px;}
#banner .carousel-control.right , #banner .carousel-control.left{background:none;}
#banner .carousel-control .glyphicon-chevron-left, #banner .carousel-control .glyphicon-chevron-right{display:none;}
#banner .carousel-caption {padding-bottom:0px; top: 130px; left:13%; right:13%;}
#banner .carousel-caption h3{margin:0px; font-size:55px; font-weight:800; text-transform:uppercase; border-bottom:#e2e2e0 solid 3px; padding-bottom:0px; word-spacing:10px; letter-spacing:3px;}
#banner .carousel-caption h3 span{color:#ff662f;}
#banner .carousel-caption p{float:left; width:100%; font-size:16px; color:#e2e2e0; margin:39px 0 51px; padding:0; word-spacing:5px; line-height:20px;}
#banner .carousel-caption a{background:#fff; border-radius:10px; color:#242424; text-decoration:none; text-shadow:none; font-size:14px; font-weight:700; padding:12px 16px; }
#banner .carousel-caption a:hover{background:#ff662f; color:#fff;}
#banner .carousel-indicators li{background-color:#fff; width:5px; height:5px; border:#fff solid 1px;}
#banner .carousel-indicators .active{background-color:#ff662f; width:7px; height:7px; border:#ff662f solid 1px;}
/*--- Banner END ---*/

/*--- Aboutus START ---*/
#about-us{float:left; width:100%; padding:79px 0 0;}
#about-us h3{float:left; width:100%; text-align:center; font-size:50px; color:#404040; font-weight:600; position:relative; margin:0; padding:0;}
#about-us h3 span{color:#ff662f;}
#about-us h3:after{content:''; position:absolute; width:146px; height:2px; background:#ff662f; left:-74px; right:0; top:50px; margin:auto;}
#about-us h5{float:left; width:100%; text-align:left; font-size:26px; color:#404040; font-weight:600; position:relative; margin:55px 0 20px; padding:0;}
#about-us h5 span{color:#ff662f;}
#about-us h5:after{content:''; position:absolute; width:76px; height:2px; background:#ff662f; left:-510px; right:0; top:32px; margin:auto;}
#about-us p{float:left; width:100%; font-size:20px; color:#535353; line-height:24px; margin:0; padding:0; text-align:left; margin-top:24px;word-spacing: 5px;}
#about-us a{background:#ff662f; border-radius:10px; color:#fff; text-decoration:none; text-shadow:none; font-size:14px; font-weight:700; padding:10px 20px; float:left; margin-top:61px;}
#about-us .img-about{float:right; margin-top:71px; }
/*--- Aboutus END ---*/

/*--- Why START ---*/
#why{float:left; width:100%; background:url(../images/why.jpg) no-repeat; background-size:cover; padding:35px 0; margin-top:62px;}
#why h3{float:left; width:100%; text-align:center; font-size:50px; color:#fff; font-weight:600; position:relative; margin:0; padding:0;}
#why h3 span{color:#ff662f;}
#why h3:after{content:''; position:absolute; width:113px; height:2px; background:#ff662f; left:-262px; right:0; top:62px; margin:auto;}
#why p{float:left; width:100%; font-size:12px; color:#fff; font-weight:600; padding:0 33%; text-align:center; margin:82px 0 0; line-height:24px;}
#why .txt{float:left; width:100%; margin:56px 0 0;}
#why .txt h5{width:100%; text-align:center; font-weight:700; color:#fff; font-size:22px; text-transform:uppercase;}
#why .txt p{float:left; width:100%; text-align:center; margin:0 0 52px; padding:0 20%; font-size:14px; font-weight:normal;}
#why .txt .pad{padding:0 30%!important;}
#why .bg-icn-txt{float:none; margin:0 auto 30px;}
#why .bg-icn-why{background:url(../images/bg-icn-why.jpg) no-repeat; width:51px; height:51px; margin:0 auto; float: none;}
#why .bg-icn-why i{color:#fff; margin:16px 0 0 20px; float:left; font-size:20px;}
/*--- Why END ---*/

/*--- Product START ---*/
#product{float:left; width:100%; background:#f6f6f6; padding:40px 0; margin:0;}
#product h3{float:left; width:100%; text-align:center; font-size:50px; color:#404040; font-weight:600; position:relative; margin:0; padding:0;}
#product h3 span{color:#ff662f;}
#product h3:after{content:''; position:absolute; width:81px; height:2px; background:#ff662f; left:-450px; right:0; top:50px; margin:auto;}
#product p{float:left; width:100%; font-size:12px; color:#8c8c8c; font-weight:600; padding:0 33%; text-align:center; margin:20px 0 0; line-height:24px;}
#product .box{float:left; width:313px; background:#faf9f9; border-radius: 10px; border:#d4d2d2 solid 1px; padding:46px 20px 0; margin-top:57px;}
#product .box:hover{border:#ff662f solid 1px;}
#product .box h2{float:left; width:100%; text-align:center; margin:0; padding:0; font-weight:700; color:#404040; font-size:30px; text-transform:uppercase;}
#product .box h5{float:left; width:100%; text-align:center; margin:0; padding:0; color:#404040; font-size:20px; margin-top:13px;}
#product .box h4{float:left; width:100%; text-align:center; font-size:14px; color:#404040; margin:23px 0 0; padding:0;}
#product .box h4 span{font-size:48px; font-weight:700; color:#5c5b5b;}
#product .box:hover h4 span{color:#ff662f;}
#product .box p{float:left; width:100%; color:#5c5b5b; font-size:16px; font-weight:400; text-align:left; border-top:#d4d4d4 solid 1px; margin:13px 0 0; padding:20px 0 0;}
#product .box p span{float:right; text-align:right;}
#product .box p span i{font-size: 22px;}
#product .box .buynow{background:#5c5b5b; border-radius: 10px; color:#fff; font-size:18px; text-transform:uppercase; padding:10px 20px 7px; margin:31px 0 20px; border:none;}
#product .box:hover .buynow{background:#ff662f;}
/*--- Product END ---*/

/*--- What Client Say START ---*/
#whatclientsay{float:left; width:100%; background:url(../images/whatclientsay.jpg) no-repeat; background-size:cover; padding:60px 0 0; text-align: center;}
#whatclientsay h3{float:left; width:100%; text-align:center; font-size:50px; color:#fff; font-weight:600; position:relative; margin:0; padding:0;}
#whatclientsay h3 span{color:#ff662f;}
#whatclientsay h3:after{content:''; position:absolute; width:150px; height:2px; background:#ff662f; left:-336px; right:0; top:50px; margin:auto;}
#whatclientsay .carousel{float:left; width:100%; margin-top:50px;}
#whatclientsay .carousel-control.right , #whatclientsay .carousel-control.left{background:none;}
#whatclientsay .carousel-control .glyphicon-chevron-left, #whatclientsay .carousel-control .glyphicon-chevron-right{display:none;}
#whatclientsay .carousel-caption {padding-bottom:0px; top: 130px; left:18%; right:18%;}
#whatclientsay p{color:#fff; font-size:12px; font-weight:600; line-height:24px; margin:0; padding:0 11%;}
#whatclientsay h4{float:left; width:100%; text-align:center; font-size:14px; font-weight:600; color:#ff662f; font-style:italic; margin:50px 0 0; padding:0;}
#whatclientsay .carousel-indicators{position: relative; top: 50px; margin-bottom:100px;}
#whatclientsay .carousel-indicators li{background-color:#fff; width:5px; height:5px; border:#fff solid 1px;}
#whatclientsay .carousel-indicators .active{background-color:#ff662f; width:7px; height:7px; border:#ff662f solid 1px;}
#whatclientsay .img-client{float:left; width:175px; height:150px; margin:0 5px; }
/*--- What Client Say END ---*/

/*--- Contact Us START ---*/
#contact-us{float:left; width:100%; padding:45px 0 0;}
#contact-us h3{float:left; width:100%; text-align:center; font-size:50px; color:#404040; font-weight:600; position:relative; margin:0; padding:0;}
#contact-us h3 span{color:#ff662f;}
#contact-us h3:after{content:''; position:absolute; width:185px; height:2px; background:#ff662f; left:-74px; right:0; top:50px; margin:auto;}
#contact-us p{float:left; width:100%; font-size:12px; color:#8c8c8c; font-weight:600; padding:0 33%; text-align:center; margin:20px 0 115px; line-height:24px;}
#contact-us .contact{float:left; width:100%; border-bottom:#ff662f 5px solid; border-top:#ff662f 5px solid; margin-top:31px; background:url(../images/map.jpg) no-repeat; background-size:cover;  position:relative; height:607px;}
#contact-us .contact-form{width:509px; border:#ff662f solid 5px; background:#fff; text-align:center; position:absolute; right:0; top: -125px; padding:16px 44px 0; margin:0;}
#contact-us .contact-form h4{float:left; width:100%; font-weight:600; color:#404040; font-size:50px; margin:0; padding:0;}
#contact-us .contact-form h4 span{color:#ff662f;}
#contact-us .contact-form h5{float:left; width:100%; font-weight:700; color:#404040; font-size:24px; margin:18px 0 28px; padding:0;}
#contact-us .contact-form input[type="name"]{float:left; width:100%; padding:20px 10px; margin:19px 0 0; background:#f0f0f0; border:#373737 solid 1px; border-radius:10px; font-weight:700; font-size:14px; color:#ff662f;}
#contact-us .contact-form input[type="name"]:focus{border:#f0f0f0 solid 1px; color:#fff; background:#373737;}
#contact-us .contact-form textarea{float:left; width:100%; height:100px; padding:20px 10px; margin:19px 0 0; background:#f0f0f0; border:#373737 solid 1px; border-radius:10px; font-weight:700; font-size:14px; vertical-align:text-top; color:#ff662f; opacity:100}
#contact-us .contact-form textarea:focus{border:#f0f0f0 solid 1px; color:#fff; background:#373737;}
::-webkit-input-placeholder { /* Chrome */color: #ff662f; transition: opacity 250ms ease-in-out;}
:focus::-webkit-input-placeholder {opacity: 1;}
:-ms-input-placeholder { /* IE 10+ */color: #ff662f; transition: opacity 250ms ease-in-out;}
:focus:-ms-input-placeholder {opacity: 1;}
::-moz-placeholder { /* Firefox 19+ */color: #ff662f; opacity: 1; transition: opacity 250ms ease-in-out;}
:focus::-moz-placeholder {opacity: 1;}
:-moz-placeholder { /* Firefox 4 - 18 */color: #ff662f; opacity: 1; transition: opacity 250ms ease-in-out;}
:focus:-moz-placeholder {opacity: 1;}
#contact-us .contact-form input[type="submit"] {background:#ff662f; font-weight:700; color:#fff; text-transform:uppercase; font-size:18px; padding:10px 25px; border:none; border-radius: 10px; margin:20px 0 30px;} 
button[disabled] { cursor: default; background:#ff662f; font-weight:700; color:#fff; text-transform:uppercase; font-size:18px; padding:10px 25px; border:none; border-radius: 10px; margin:20px 0 30px; }


/*--- Contact Us END ---*/

/*--- Footer START ---*/
footer{float:left; width:100%; background:#1e1f23; background-size:cover; padding:30px 0 0; color:#fff;}
footer h3{float:left; width:100%; font-weight:700; font-size:18px; text-align:left; margin:0; padding:0;}
footer h3 span{color:#ff662f;}
footer p{float:left; font-size:12px; line-height:24px; text-align:left; margin:31px 0 0; padding:0 73px 0 0; width:100%;}
footer a{float:left; font-size:12px; color:#ff662f; margin:36px 0; padding:0;}
footer a:hover{color:#fff;}
footer .address{float:left;}
footer .address i{float:left; margin:0; padding:0; color:#ff662f; font-size:20px;}
footer .address i.icon-003-facebook-placeholder-for-locate-places-on-maps{left: -7px; position: relative;  margin-top:15px;}
footer .address p{float:left; width:auto; margin:7px 40px 0 0; padding:0;}
footer .address .flt-l{float:left;}
footer .address a{float:left; color:#fff; text-decoration:none;}
footer .address .mail{float:left; width:auto; text-align:left;}
footer .address .mail a{margin:15px 0 0 5px; padding:0; float:left; width:100%; font-size:12px; color:#fff;}
footer .address .mail a:hover , footer .address .mail a:focus{color:#ff662f; text-decoration:none;}
footer .address i.icon-002-mail-black-envelope-symbol , footer .address i.icon-001-vintage-cellphone{margin-top:13px;}
footer .address .phone{float:left; width:auto; text-align:left; }
footer .address .phone a{margin:15px 0 0 5px; padding:0; float:left; width:100%; font-size:12px; color:#fff; font-family:Verdana, Geneva, sans-serif;}
footer .address .phone a:hover{color:#ff662f;}
footer .footer-bg{float:left; width:100%; background:#1e1f23; padding:15px 0; text-align:left;}
footer .footer-bg .copy{float:left; font-size:12px; color:#333436;}
footer .footer-bg .copy span{color:#ff662f;}
footer .footer-bg .dd{float:right; font-size:12px; color:#333436;}
footer .footer-bg .dd a{float:right; margin:0; padding:0; color:#ff662f; text-decoration:none;}
footer .footer-bg .dd a:hover{color:#fff;}
/*--- Footer END ---*/

.scroll-top-wrapper {position: fixed; opacity: 0; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999;background-color: #777777; color: #eeeeee; width: 50px; height: 48px; line-height: 44px; right: 30px; bottom: 30px; padding-top: 2px;border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.scroll-top-wrapper:hover {background-color:#ff662f;}
.scroll-top-wrapper.show {visibility:visible; cursor:pointer; opacity: 1.0;}
.scroll-top-wrapper i.fa {line-height: inherit;}
.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}
#banner-hotel{float:left; margin-top:14px; background:url(../images/banner-hotel-management-software.jpg) no-repeat center top; height:300px; background-size:cover;}
.breadcrumb{margin:0; padding:0; text-align:left; float:left; width:100%; background:#e4e4e4; border-bottom:#ff662f solid 7px; border-radius:0; position:relative; top:0;}
.breadcrumb ul{float:left; margin:21px 0 0; padding:0;}
.breadcrumb ul li{float:left; color:#000; text-transform:uppercase; font-size:14px; margin:0; padding:0;}
.breadcrumb ul li span{padding:0 6px 0 9px; color:#777;}
.breadcrumb ul li a{float:left; color:#ff662f;}
.breadcrumb ul li a:hover{float:left; color:#000;}
.bread-tit{float:left; width:100%; text-transform:none; font-weight:bold; color:#777; font-size:30px; margin:0; padding:20px 0; text-shadow:none;}
#inner-content{float:left; width:100%; padding:0; margin:0 0 20px;}
#inner-content h5{float:left; width:100%; text-align:left; font-size:18px; color:#404040; font-weight:600; position:relative; margin:55px 0 20px; padding:0;}
#inner-content h5 span{color:#ff662f;}
#inner-content h5:after{content:''; position:absolute; width:2%; height:2px; background:#ff662f; left:-574px; right:0; top:25px; margin:auto;}
#inner-content p{float:left; width:100%; font-size:14px; color:#535353; line-height:24px; margin:0; padding:0; text-align:left; margin-top:10px; word-spacing: 5px;}
#inner-content a{background:#ff662f; border-radius:10px; color:#fff; text-decoration:none; text-shadow:none; font-size:14px; font-weight:700; padding:10px 20px; float:left; margin-top:61px;}
#inner-content .img-about{float:right; background:url(../images/aboutus.jpg) no-repeat 100% 100%; margin-top:71px;}
#inner-content ul{float:left; width:100%;}
#inner-content ul li{float:left; width:100%; font-size:14px; color:#535353; line-height:24px; margin:10px 0 0 15px; padding:0; text-align:left; word-spacing: 5px; list-style:disc;}
#inner-content h6{float:left; width:100%; text-align:left; font-size:16px; color:#404040; font-weight:400; position:relative; margin:0px; padding:20px 0;}
#banner-restaurant{float:left; margin-top:14px; background:url(../images/banner-restaurant-pos.jpg) no-repeat center top; height:300px; background-size:cover;}
#banner-corporate-canteen{float:left; margin-top:14px; background:url(../images/inner-banner-smartcard.jpg) no-repeat center top; height:300px; background-size:cover;}
#inner-banner{float:left; margin-top:14px; height:auto; background-size:cover;}
#clientlist{float:left; width:100%;  background-size:cover; padding:10px 0 0; text-align: center; overflow:hidden;}
#clientlist{float:left; width:100%; padding:30px 0 0; text-align: center;}
#clientlist h3{float:left; width:100%; text-align:left; font-size:50px; color:#000; font-weight:600; position:relative; margin:0; padding:0;}
#clientlist h3 span{color:#ff662f;}
#clientlist h3:after{content:''; position:absolute; width:150px; height:2px; background:#ff662f; left:-336px; right:0; top:50px; margin:auto;}
#clientlist .carousel{float:left; width:100%;}
#clientlist .carousel-control.right , #whatclientsay .carousel-control.left{background:none;}
#clientlist .carousel-control .glyphicon-chevron-left, #whatclientsay .carousel-control .glyphicon-chevron-right{display:none;}
#clientlist .carousel-caption {padding-bottom:0px; top: 130px; left:18%; right:18%;}
#clientlist p{color:#fff; font-size:12px; font-weight:600; line-height:24px; margin:0; padding:0 11%;}
#clientlist h4{float:left; width:100%; text-align:center; font-size:14px; font-weight:600; color:#ff662f; font-style:italic; margin:50px 0 0; padding:0;}
#clientlist .carousel-indicators{position: relative; top: 50px; margin-bottom:50px;}
#clientlist .carousel-indicators li{background-color:#777; width:5px; height:5px; border:#fff solid 1px;}
#clientlist .carousel-indicators .active{background-color:#ff662f; width:7px; height:7px; border:#ff662f solid 1px;}
#clientlist .img-client{float:left; width:175px; height:150px; margin:0 27px; }


/*marquee*/
marquee{float:left; width:100%; height:150px; animation-direction: alternate;}

.items{
            white-space: nowrap;
            margin-bottom: 0;
            overflow: hidden;
        }
        .item {
            display: inline-block;
            padding: 0;
            float: none;
        }
        .img-responsive{
            width: 100%;
        }