@font-face {font-family: 'MYRIADPROREGULAR';src: url('../../images/HLC%20028/MYRIADPROREGULAR.eot');src: url('../../images/HLC%20028/MYRIADPROREGULAR.eot') format('embedded-opentype'), url('../../images/HLC%20028/MYRIADPROREGULAR.html') format('woff2'), url('../../images/HLC%20028/MYRIADPROREGULAR.woff') format('woff'), url('../../images/HLC%20028/MYRIADPROREGULAR-2.html') format('truetype'), url('../../images/HLC%20028/MYRIADPROREGULAR.svg#MYRIADPROREGULAR') format('svg');} @font-face {font-family: 'OswaldRegular';src: url('../../images/HLC%20028/OswaldRegular.eot');src: url('../../images/HLC%20028/OswaldRegular.eot') format('embedded-opentype'), url('../../images/HLC%20028/OswaldRegular.html') format('woff2'), url('../../images/HLC%20028/OswaldRegular.woff') format('woff'), url('../../images/HLC%20028/OswaldRegular-2.html') format('truetype'), url('../../images/HLC%20028/OswaldRegular.svg#OswaldRegular') format('svg');} @font-face {font-family: 'OswaldLight';src: url('../../images/HLC%20028/OswaldLight.eot');src: url('../../images/HLC%20028/OswaldLight.eot') format('embedded-opentype'), url('../../images/HLC%20028/OswaldLight.html') format('woff2'), url('../../images/HLC%20028/OswaldLight.woff') format('woff'), url('../../images/HLC%20028/OswaldLight-2.html') format('truetype'), url('../../images/HLC%20028/OswaldLight.svg#OswaldLight') format('svg');} body {font-size: 14px;line-height: 26px;margin: 0px;background: #fff;font-family: 'MYRIADPROREGULAR';} .navbar-inverse {background: none;border:none;} .navbar {margin: 0px;} .navbar-nav > li > a {padding:0px;} .navbar-header {display: none;} .ser h3 {float: left;width: 100%;padding: 10px 30px;margin: 15px 0px !important;background: #e8a227;color: #fff;font-size: 23px;text-transform: uppercase;font-weight: bold;line-height: 27px;} .pagecontent h3 {float: left;width: 100%;padding: 10px 30px;margin: 15px 0px !important;background: #e8a227;color: #fff;font-size: 23px;text-transform: uppercase;font-weight: bold;line-height: 27px;} p {margin: 0px 0px 0px 0px !important;padding: 0px 0px 0px 0px;} .navbar {min-height: auto;} .navbar-brand {display: none;} .fa.fa-check-square-o {padding-right: 10px;} .navbar-inverse .navbar-toggle {border-color: #fff;background-color: #000;} .maindiv{float: left;width:100%;} .getcontainer {display: none !important;} .ser ul {float: left;width: 100%;margin: 0px;} .ser ul li {float: left;width: 100%;list-style: none !important;padding: 5px 0px;} .pagecontent ul {float: left;width: 100%;margin: 0px;} .pagecontent ul li {float: left;width: 100%;list-style: none !important;padding: 5px 0px;} .headercontainer{float: left;width: 100%;border-top: 3px solid rgb(248, 234, 234);} .logocontainer {float: left;width: 100%;padding: 31px 10px;} .menuH{float: right;} .menuH ul{margin: 0;padding: 0;} .menuH ul li{margin: 0;} .menuH ul li a {list-style: outside none none;text-decoration: none;padding: 34px 15px;color: #fff !important;font-size: 18px;float: right;text-transform: uppercase;background-image: url("../../images/HLC%20028/border.png");background-repeat: no-repeat;background-position: right center;color: #3c3c3c !important;} .menuH ul li.selected a {color: #46b9e3 !important;} .menuH ul li a:hover {color: #46b9e3 !important;} .menuH ul.nav > li:last-child a {background: none;} .mydropdown-menu {background-color: #6d8c25 !important;} .mydropdown-menu li {width: 100%;float: left;} .mydropdown-menu li a {padding: 15px 22px !important;width: 100%;} .bannercontainer{float: left;width:100%;} .bannercontainer img{float: left;width: 100%;} .welcomecontainer{float: left;width: 100%;padding: 35px;text-align: left;} .wel{color: #FFB400;font-size: 26px;line-height: 50px;text-transform: uppercase;} .wel1{color: #c3bbbb;font-size: 26px;line-height: 50px;text-transform: uppercase;} .head{width: 100%;float: left;font-size: 54px;font-weight: bold;padding: 0px 0px 40px;background-image: url("../../images/HLC%20028/img.png");background-repeat: no-repeat;text-transform: uppercase;color: #FFF;background-position: center bottom;} .welinfo{width: 100%;float: left;color: #46b9e3;font-weight: bold;font-size: 43px;margin-bottom: 25px;} .pagecontent {float: left;width: 100%;font-size: 16px;} .pagecontent b {float: left;width: 100%;color: #46b9e3;text-transform: uppercase;font-size: 16px;margin-bottom: 10px;} .welcontent {font-size: 14px;color: #4d4d4d;float: left;width: 100%;padding: 20px 0px;} .productscontainer{float: left;width: 100%;} .products{float: left;width: 100%;padding: 60px 0px 55px;} .prohead1{width: 100%;float: left;font-size: 54px;font-weight: bold;padding: 0px 0px 40px;background-image: url("../../images/HLC%20028/img3.png");background-repeat: no-repeat;text-transform: uppercase;color: #FFF;background-position: center bottom;} .products img{float: left;padding: 65px 0px 0px;} .packhead{color: #C2BABA;font-size: 26px;float: left;width: 100%;text-align: center;text-transform: uppercase;padding: 10px 0px 12px;} .heading{float: left;width: 100%;color: #C2BABA;font-weight: bold;font-size: 54px;padding: 0px 35px 35px !important;text-transform: uppercase;background: url("../../images/HLC%20028/img2.png");background-repeat: no-repeat;background-position: center bottom;text-align: center;} .packages{float: left;width: 100%;text-align: center;padding: 0px 0px 0px;border-right: 1px dashed #c0c0c0;margin: 30px 0px 50px;} .content {float: left;width: 100%;padding: 35px;} .packages1{float: left;width: 100%;text-align: center;padding: 0px 0px 0px;border-right: none;margin: 30px 0px 50px;} .packages img , .packages1 img{float: none;display: inline;} .productscontainer .col-lg-4 {padding: 0px !important;} .head1{color:#878282;font-size: 20px;background: transparent url("../../images/HLC%20028/arrow.png") no-repeat scroll center bottom;padding: 30px 0px 20px;font-weight: bold;} .content1{text-align: center;padding: 30px 0px 35px;float: left;width: 100%;background: url("../../images/HLC%20028/img2.png");background-repeat: no-repeat;background-position: center bottom;margin-bottom: 50px;} .ourcontainer{float: left;width: 100%;background: #CB3838;text-align: center;padding: 20px 0px;} .getcontainer{float: left;width: 100%;text-align: center;background: #f5f5f5;padding-bottom: 80px;} .gets{float: left;width: 100%;} .gethead{float: left;width: 100%;font-weight: bold;font-size: 46px;padding: 70px 35px 20px !important;text-transform: uppercase;text-align: center;color: #46b9e3;} .social {float: left;width: 100%;padding: 60px 0px;} .social img {display: inline;} .add {float: left;width: 100%;background: #46b9e3;min-height: 120px;padding: 25px 0px 0px;color: #fff;font-size: 18px;} .add a {color: #fff;} .footer {float: left;width: 100%;text-align: center;font-size: 20px;color: #fff;background: #000;padding: 15px 0px;} .footer a{text-decoration: none;padding: 0px 5px 0px;color: #fff;} .footerform {float: left;width: 100%;padding-top: 25px;} .training {position: relative;overflow: hidden;-webkit-transform: translateZ(0);transform: translateZ(0);} .trainingimg img {display: block;min-width: 100%;max-width: 100%;height: auto;} .trainingcon{position: absolute;top: 64px;right: 0px;bottom: 0;left: 0;color: white;-webkit-transform: translateY(100%);transform: translateY(100%);transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;} .training:hover .trainingcon{-webkit-transform: translateY(0);transform: translateY(0);background: #2c91c1;border-radius: 130px;opacity: 0.8;} .trainhead {-webkit-transform: translateY( -webkit-calc(-100% - 10px) );transform: translateY( calc(-100% - 10px) );transition: -webkit-transform .35s ease-out;transition: transform .35s ease-out;position: relative;top: -60px;} .training:hover .trainhead {webkit-transform: translateY(0);transform: translateY(0);position: relative;top: 0px;} .trainhead h3 span {float: left;width: 100%;font-weight: bold;font-size: 35px;} .training:hover .traincon {position: relative;top: 0px;padding: 0px 20px;margin: 0px;} .trainhead h3 {color: #fff;font-size: 24px;text-transform: uppercase;} .traincon {float: left;width: 100%;} .productscontainer, .ourcontainer, .footerform, .social {display: none;} .cbox {float: left;width: 100%;background: rgba(70, 185, 223, 0.21);padding: 10px;margin-bottom: 25px;} .sbox {float: left;width: 100%;margin-bottom: 35px;padding: 30px;border-radius: 14px;box-shadow: 10px 10px 10px #ccc;} .menuH ul li.selected .mydropdown-menu > li > a {color: #fff !important;} .menuH ul li.selected .mydropdown-menu > li > a:hover{color: #928B8B !important;} .menuH ul li .mydropdown-menu > li > a {color: #fff !important;} .menuH ul li .mydropdown-menu > li > a:hover{color: #928B8B !important;} ul.list {float: left;width: 100%;} ul.list li {float: left;width: 100%;} .sbox img {width: 30%;float: left;margin-right: 20px;border: 3px solid #007dc4;} .sright img {float: right;margin: 0 0 0 20px;} @media screen and (min-width: 1100px) and (max-width: 4000px){} @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){.logocontainer img {margin-top: 7px;} .trainhead h3 span {font-size: 25px;} .trainhead h3 {font-size: 18px;margin: 0px;padding: 0px 0px;} .traincon {font-size: 13px;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.menuH ul li a {padding: 8px 8px;font-size: 14px;} .menuH {padding: 8px 0px 4px;} .add {min-height: 135px;padding: 18px 0px 0px;} .training:hover .trainingcon {border-radius: 140px;} .trainingcon {right: 66px;}} @media only screen and (min-width : 480px) and (max-width : 640px), handheld and (min-device-width : 480px) and (max-device-width : 640px){.navbar-header {display: block;} .navbar-header {display: block;} .navbar-collapse {box-shadow:none;border-top: none;} .logocontainer {padding: 10px 0px;} .menuH ul li a {padding: 10px 15px;background: none;font-size: 15px;text-align: center;float: none;} .menuH ul li {width: 100%;float: left;} .welcomecontainer {padding: 12px;} .head {font-size: 55px;line-height: 40px;} .heading {font-size: 40px;} .packages {border-right: none;margin: 0px 0px 0px;} .prohead1 {font-size: 55px;} .gethead {font-size: 48px;} .add {margin-bottom: 10px;} .products img {float: none;display: table;margin: 0 auto;} .training:hover .trainingcon {border-radius: 150px;} .trainingcon {right: 165px;left: 164px;} .sbox img {width: 100%;margin: 0 0 15px !important;}} @media only screen and (max-width : 480px){.navbar-header {display: block;} .logocontainer {padding: 10px 0px;} .menuH ul li a {padding: 10px 15px;background: none;font-size: 15px;text-align: center;float: none;} .menuH ul li {width: 100%;float: left;} .welcomecontainer {padding: 12px;} .head {font-size: 45px;} .heading {font-size: 40px;} .packages {border-right: none;margin: 0px 0px 0px;} .prohead1 {font-size: 45px;} .add {margin-bottom: 10px;} .products img {float: none;display: table;margin: 0 auto;} .training:hover .trainingcon {border-radius: 140px;} .trainingcon {right: 85px;left: 85px;} .sbox img {width: 100%;margin: 0 0 15px !important;}} @media only screen and (max-width : 360px){.products img {float: none;display: table;margin: 0 auto;} .trainingcon {right: 24px !important;left: 25px;}} @media only screen and (max-width : 320px){.products img {float: none;display: table;margin: 0 auto;} .trainingcon {right: 5px !important;left: 5px;} .sbox img {width: 100%;margin: 0 0 15px !important;}} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.navbar-header {display: block;} .navbar-collapse {box-shadow:none;border-top: none;} .logocontainer {padding: 10px 0px;} .menuH ul li a {padding: 10px 15px;background: none;font-size: 15px;text-align: center;float: none;} .menuH ul li {width: 100%;float: left;} .welcomecontainer {padding: 12px;} .menuH ul li{width: 100%;} .head {font-size: 35px;} .heading {font-size: 40px;} .packages {border-right: none;margin: 0px 0px 0px;} .prohead1 {font-size: 35px;} .gethead {font-size: 28px;} .add {margin-bottom: 10px;} .sbox img {width: 100%;margin: 0 0 15px !important;}} 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;}