@import url(https://fonts.googleapis.com/css?family=Roboto);@import url(https://fonts.googleapis.com/css?family=Orbitron);@import url(https://fonts.googleapis.com/css?family=Noticia+Text);body {font-size: 14px;line-height: 24px;margin: 0;padding: 0;font-family: 'Roboto', sans-serif;} .ul{padding: 0;margin: 0;} .li{padding: 0;margin: 0;} a:focus, a:hover, a:active {outline: medium none !important;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} .navbar-brand{display: none;} .navbar-collapse {padding: 0;} .navbar-toggle {background-color: #EC1C24;;} .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background-color: #EC1C24;;} .navbar{min-height: auto !important;margin-bottom: 0px;} .maincontainer{float: left;width: 100%;} .logodiv{opacity: 0;left:-100px;transition:0.5s;position: fixed;z-index: 1;top: 10px;} .logodiv2{opacity: 0;left: 10px;transition: 0.3s;} .logodiv2 img {} .menuSection {float: left;width: 100%;} .bannerContainer {float: left;width: 100%;} .bannerContainer img{float: left;width: 100%;} .carousel{margin:0;} .dp-tile-slider .next, .dp-tile-slider .prev {background-color: rgb(251, 150, 36);} .btn-nav {position: fixed;top: 10px;right: 5px;background: transparent;border: 1px solid #fb9624;;padding: 10px;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;cursor: pointer;z-index: 99999;} .btn-nav:hover {background: #f68121;border: 1px solid #f68121;} .btn-nav:focus {outline: 0;} .icon-bar {display: block;margin: 6px 0;width: 40px;height: 5px;background-color: #fb9624;;} .btn-nav:hover .icon-bar {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;background-color: #fff;} .animated {display: block;margin: 0 auto;} .animated:hover .icon-bar, .animated:focus .icon-bar{background-color: #FCA311;} .animated:focus {cursor: pointer;z-index: 9999;} .middle {margin: 0 auto;} .icon-bar {-webkit-transition: all .7s ease;-moz-transition: all .7s ease;-ms-transition: all .7s ease;-o-transition: all .7s ease;transition: all .7s ease;z-index: 999999;} .animated .icon-bar {z-index: 999999;background-color: #FCA311;} .animated .top {-webkit-transform: translateY(10px) rotateZ(45deg);-moz-transform: translateY(10px) rotateZ(45deg);-ms-transform: translateY(10px) rotateZ(45deg);-o-transform: translateY(10px) rotateZ(45deg);transform: translateY(10px) rotateZ(45deg);} .animated .bottom {-webkit-transform: translateY(-11px) rotateZ(-45deg);-moz-transform: translateY(-11px) rotateZ(-45deg);-ms-transform: translateY(-11px) rotateZ(-45deg);-o-transform: translateY(-11px) rotateZ(-45deg);transform: translateY(-11px) rotateZ(-45deg);} .animated .middle {width: 0;} .showNav {-webkit-animation: showNav 1s ease forwards;-moz-animation: showNav 1s ease forwards;-o-animation: showNav 1s ease forwards;animation: showNav 1s ease forwards;} @keyframes showNav {from {top: -100%;} to {top: 0;}} @-webkit-keyframes showNav {from {top: -100%;} to {top: 0;}} @-moz-keyframes showNav {from {top: -100%;} to {top: 0;}} @-o-keyframes showNav {from {top: -100%;} to {top: 0;}} .nav {position: relative;width: auto;border: none;} .nav-content {position: fixed;top: -100%;bottom: 0;left: 0;right: 0;background: RGBA(11, 11, 11, 0.84);background-image: url('/images/HLC%20018/menulogo.png');background-repeat: no-repeat;background-position: 5% 5%;display: block;height: 100%;z-index: 9;} .nav-content ul{list-style: none;padding: 0;position: relative;top: 30%;} .nav-content ul li a:after {content: "";position: absolute;width: 3px;height: 3px;left: 0;bottom: 0;z-index: 9;background: transparent;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .nav-content ul li a{color: #fff;font-size: 30px;text-transform: uppercase;position: relative;text-decoration: none;padding: 10px;} .nav-content ul li a:hover, .nav-content ul li a:focus {color: #FCA311;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;} .nav-content ul li {margin: 40px auto;text-align: center;} .hideNav {-webkit-animation: hideNav 1s ease forwards;-moz-animation: hideNav 1s ease forwards;-o-animation: hideNav 1s ease forwards;animation: hideNav 1s ease forwards;} .hidden {display: none;} @keyframes showNav {from {top: -100%;} to {top: 0;}} @-webkit-keyframes showNav {from {top: -100%;} to {top: 0;}} @-moz-keyframes showNav {from {top: -100%;} to {top: 0;}} @-o-keyframes showNav {from {top: -100%;} to {top: 0;}} .showNav {-webkit-animation: showNav 1s ease forwards;-moz-animation: showNav 1s ease forwards;-o-animation: showNav 1s ease forwards;animation: showNav 1s ease forwards;} @keyframes hideNav {from {top: 0;} to {top: -100%;}} @-webkit-keyframes hideNav {from {top: 0;} to {top: -100%;}} @-moz-keyframes hideNav {from {top: 0;} to {top: -100%;}} @-o-keyframes hideNav {from {top: 0;} to {top: -100%;}} .orangBorder{float:left;width:100%;background-color:#fb9624;} .welcomeSection {float: left;width: 100%;} .welcomeDiv {float: left;text-align: right;width: 100%;} .welcomeImg {float: left;width: 100%;} .welcomeImg img{float: right;} .welcomeHeading {float: left;width: 100%;margin: 10px 0;line-height: 30px;font-size: 30px;color: #000000;font-family: 'Noticia Text', serif;} .welcomeHeading b{float: left;width: 100%;color:#fb9624;font-size: 60px;line-height: 60px;font-family: 'Orbitron', sans-serif;} .welcomeDescription {float: left;width: 100%;padding: 10px 0;margin-bottom: 30px;color: #626060;text-align: justify;} .visionSecition{float: left;width: 100%;text-align: center;margin-top: 250px;margin-bottom: 20px;} .visionDiv {float: left;width: 100%;text-transform:uppercase;font-family: 'Noticia Text', serif;color:#000000;} .visionDiv a{color:#000000;text-decoration:none;} .visionDiv img {margin: auto;} .brdRight {border-right: 1px solid rgba(221, 221, 221, 0.62);} .ourOfferings {float: left;width: 100%;background-image: url("/images/HLC%20018/our-offerings-bg.png");background-repeat: no-repeat;background-attachment: fixed;background-size: cover;} .ourOfferings {display: none;} .ourOfferings {float: left;width: 100%;background-image: url("/images/HLC%20018/our-offerings-bg.png");background-repeat: no-repeat;background-attachment: fixed;background-size: 100% 100%;padding: 50px 0;text-align: center;} .ourOfferingsHead {font-family: 'Orbitron', sans-serif;float: left;width: 100%;font-size: 36px;line-height:36px;color: #000000;text-transform: uppercase;} .ourOfferingsHead hr{width:80px;border: 2px solid #fff;} .maps {float: left;width: 100%;} .ourOfferingsBGC {float: left;width: 100%;background-color: RGBA(0, 0, 0, 0.61);padding: 20px;margin: 30px 0;} .ourOfferingsBGC img{margin:auto;} .ourOffreringBGI {float: left;width: 100%;background-image: url('/images/HLC%20018/borderbg.png');background-size: 100% 100%;background-repeat: no-repeat;padding: 25px 0;} .ourOffreringBGI img{margin:auto;animation: pulse 2s infinite;} @keyframes pulse {0% {transform:scale(1.01);transtion:0.5s;} 50% {transform:scale(1.02);transtion:0.6s;} 100% {transform:scale(1.03);transtion:0.7s;}} .axgmap {float: left;width: 100%;} .mapSection {float: left;width: 100%;background-image: url("/images/HLC%20018/mapBGI.jpg");background-size: 100% 100%;background-attachment: fixed;background-repeat: no-repeat;padding: 50px 0 100px;text-align: center;} .mapSection hr {border-color: #fb9624;} .footerSection {float: left;width: 100%;background-color: #2a64af;color: #fff;} .footerHead {float: left;width: 100%;text-align:center;font-family: 'Orbitron', sans-serif;font-size: 36px;line-height:36px;} .footerHead hr{width:40px;border:2px solid #fff;} .footerHead img{margin: -50px auto 0;} .quickListHead {float: left;width: 100%;font-size: 16px;text-transform: uppercase;font-weight: bold;} .footerlist{float: left;width: 100%;} .footerlist ul{padding:0;margin:0;} .footerlist ul li{float: left;width:100%;list-style: none;} .footerlist ul li a{float: left;width:100%;color:#fff;text-decoration: none;transition: 0.5s;} .footerlist ul li a:hover {color: #fff40d;letter-spacing:1px;font-weight: bold;transition: 0.5s;} .footerlist ul li a::before{content: '\f0c1';font-family:fontawesome;margin-right: 5px;} .address{float: left;width: 100%;position: relative;z-index: 1;} .address a{color: #fff;} .footerImg{float: left;width: 100%;margin: -130px 0 -70px;} .footerImg img {float: left;width: 100%;} .formIcons {float: left;width: 100%;text-align: center;margin: 50px 0 10px;} .formIcons img{display:inline;} .formIcons a {text-decoration: none;} .copyright {float: left;width: 100%;color:#000;text-align: center;} .copyright a{color:#000;} .arrowbottom {bottom: 50px;position: fixed;right: 5px;text-align: center;float: right;opacity: 0;z-index: 1 !important;right: -5%;transition: 0.3s;} .visible {opacity: 1;right: 1%;transition: 0.3s;} .fa-angle-double-up {border: 2px solid #f78222;padding: 5px 5px 5px 10px;font-size: 25px !important;color: #f78222;} .fa-angle-double-up:hover {color: #fff;background: #2c54b9;border-color: #fff;} @media(min-width:992px) and (max-width:1200px){.dp-tile-slider {height: 500px !important;}} @media(min-width:768px) and (max-width:991px){.dp-tile-slider {height: 500px !important;} .welcomeHeading b {font-size: 50px;line-height: 50px;} .welcomeDiv {text-align: center;} .welcomeImg img {float: left;} .welcomeImg img {float: none;margin: auto;} .visionSecition {margin-top: 0;} .mapSection {padding: 50px 0 100px;} .footerImg {margin: -80px 0 -5%;} .nav-content ul li {margin: 3px auto 11px;text-align: center;line-height: 24px;}} @media(min-width:640px) and (max-width:767px){.dp-tile-slider {height: 400px !important;} .visionSecition .col-xs-6 {width: 25%;} .ourOfferings .col-sm-6 {width: 50%;float: left;} .footerSection .col-sm-4 {float: left;width: 50%;}} @media(min-width:480px) and (max-width:639px){} @media(min-width:320px) and (max-width:479px){} @media(max-width:767px){.nav-content ul li {margin: 0 auto 11px;} .dp-tile-slider {height: 300px !important;} .btn-nav {padding: 4px;} .welcomeDiv {text-align: center;} .welcomeHeading b {font-size: 40px;line-height: 40px;} .visionSecition {margin-top: 0px;} .visionDiv {margin: 15px 0;} .ourOfferingsHead {font-size: 26px;line-height: 26px;} .mapSection {padding: 50px 0 100px;} .quickListHead {padding: 5px 0;margin: 5px 0;} .footerImg {margin: 0px 0 -5%;} .nav-content ul {top: 18%;} .menuSection .btn-nav{top: 35px;}} img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}