/* Font Code */ @import url(https://fonts.googleapis.com/css?family=Montserrat:700); @font-face { font-family:'ProximaNovaRegular'; src:url('/fonts/ProximaNovaRegular/ProximaNovaRegular.eot'); src:url('/fonts/ProximaNovaRegular/ProximaNovaRegular.eot') format('embedded-opentype'), url('/fonts/ProximaNovaRegular/ProximaNovaRegular.woff2') format('woff2'), url('/fonts/ProximaNovaRegular/ProximaNovaRegular.woff') format('woff'), url('/fonts/ProximaNovaRegular/ProximaNovaRegular.ttf') format('truetype'), url('/fonts/ProximaNovaRegular/ProximaNovaRegular.svg#ProximaNovaRegular') format('svg'); } /* @end --------- */ /* Common Colours:Blue:#0093d1 Green:#b3d236 */ body { background:url('/stylesheets/img/bg/chemcert-website-bg.jpg') #fff; color:#333; font-family:Helvetica, Arial, sans-serif; text-rendering:optimizeLegibility; } /* Root element styles */ a { color:#0093d1; text-decoration:none; outline:none; transition:color 0.3s ease 0s; } a:focus { outline:none; color:#0070d1; transition:color 0.3s ease 0s; } .phone a:focus { outline:none; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px; } a:hover { color:#0070d1; text-decoration:none; outline:none; transition:color 0.3s ease 0s; } a:active { outline:none; } .block-link { display:block; } sub,sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline; } sup { top:-0.5em; } sub { bottom:-0.25em; } img { border:0; } .img-rounded { border-radius:500px; } .img-polaroid { padding:4px; background-color:#fff; border:1px solid #ccc; border:1px solid rgba(0,0,0,0.2); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.1); box-shadow:0 1px 3px rgba(0,0,0,0.1); } .img-circle { border-radius:500px; } .img-responsive { width:100%; height:auto; } /* Text */ p { margin:0 0 10px; line-height:1.6em; color:#666; font-size:15px; } .lead { color:#999; font-style:italic; font-weight:200; font-size:15px; } small { font-size:85%; } strong { font-weight:bold; } em { font-style:italic; } cite { font-style:normal; } h1,h2,h3,h4,h5,h6 { margin:10px 0; font-family:inherit; font-family:Helvetica, Arial, sans-serif; line-height:1.4em; font-weight:bold; } h1 small,h2 small,h3 small,h4 small,h5 small,h6 small { font-weight:normal; line-height:1; color:#999; } h6 small > a { color:#999; } h1 { background-color:#0072bc; color:#f4f6f7; font-size:38px; text-transform:none; font-weight:400; display:block; line-height:1em; padding:10px; margin:0 0 10px 0; } body.homepage h1 { font-size:48px; } body h1:first-child { margin-top:0; } h2 { font-size:30px; line-height:1.2em; text-transform:none; color:#b3d236; } h3 { font-size:24.5px; line-height:1.4em; } h4 { font-size:20px;} h5 { font-size:20px; color:#0093d1 } h6 { font-size:16px; } .box-heading { display:block; background-color:#fff; margin:0; font-size:95%; color:#fff; padding:10px 15px; } /* Lists */ ul,ol { padding:0; margin:0 0 10px 25px; } li { line-height:20px; } ul.unstyled,ol.unstyled { margin-left:0; list-style:none; } ul.inline,ol.inline { margin-left:0; list-style:none; } ul.inline>li,ol.inline>li { padding-right:5px; padding-left:5px; } dl { margin-bottom:20px; } dt,dd { line-height:20px; } dt { font-weight:bold; } dd { margin-left:10px; } hr { margin:20px 0; border:0; border-top:1px solid #eee; border-bottom:1px solid #fff; } /* @end Root */ /* Table styles */ table { } .table { } .table th,.table td { } .table th { } .table thead th { } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { text-transform:uppercase; } /* @end Table */ /* ****** Captcha */ .captcha-area { *zoom:1; margin-bottom:10px; } .captcha-area:before, .captcha-area:after { content:" ";display:table; } .captcha-area:after { clear:both; } #captcha-reload { float:left; width:345px; margin-right:10px; } .captchaimg { height:36px; width:160px; border-radius:5px; background:#666; float:left; } .captchaimg img { border-radius:5px; } #CaptchaV2 { height:37px; border-radius:5px; border:1px solid #ccc; float:left; margin-left:10px;text-align:center;font-size:21px; } #CaptchaV2:focus { } #reload-captcha { height:37px; float:left; } /* Social */ .social-likes { padding:15px 0 10px 15px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:20px 0; background-color:#F3F3F3; } .social-likes li { display:block; float:left; list-style:none; position:relative; } .twitter-social { width:80px; overflow:visible; } .fb-like { width:50px; position:relative; overflow:hidden;} .plus { width:63px; } .social-btn { float:left; margin-right:20px; } /* @end --------- */ /* Modal Style */ .modal-open { overflow:visible; } .modal-content { border-radius:0; } .modal-header { position:relative; border-bottom:0; } .modal-header:after { } .close { font-size:28px; } .modal-title, .catalog h4 .modal-title { font-size:18px; text-align:center; } #modal-foot { border:0 none; } #modal-body.image-zoom { } #modal-body.image-zoom img { margin:0 auto; } #modal-body.review { padding:15px; } #modal-body.review form { } #modal-body.review form label { } /* @end --------- */ /* Form Style */ form { } form fieldset { margin-bottom:20px; } form legend { border:0 none; } form legend small { display:block; color:#999; } .form-control { height:35px; border-color:#ccc; font-size:15px; color:#8e8e8e; border-radius:0; } .form-group .sub-label {color:#777} .form-control:focus { color:#333; } .form-control::-webkit-input-placeholder { color:#999; } .form-control:-moz-placeholder { color:#999; } .form-control::-moz-placeholder { color:#999; } .form-control:-ms-input-placeholder { color:#999; } .form-control:-placeholder { color:#999; } select.form-control { padding:8px 12px 6px 12px; } select:-moz-focusring { color:transparent; text-shadow:0 0 0 #000; } select:focus, option:focus { outline:none; } input[type="checkbox"] { border-radius:0; border:1px solid #ccc; } input[type="radio"], select { cursor:pointer; } label { font-weight:normal; font-style:italic; } input[type=radio] { cursor:pointer; } select.form-control { font-weight:normal; } .form-item { margin-bottom:15px; } .form-notice { font-size:padding:0; margin-bottom:12px; font-size:12px; color:#999; line-height:1.4em; } input[type="submit"]{ background-color:#b3d236; border-radius:0px; border:none; color:#fff; font-size:22px; font-weight:100; padding:10px 25px; -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; } input[type="submit"]:hover { background-color:#0766B6; color:#fff; -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; } .form-group { position:relative; } /* @end --------- */ /* Pagination */ .pagination { border-radius:0; color:#333; } .pagination:before, .pagination:after { content:" "; display:table; } .pagination:after { clear:both; } .pagination { *zoom:1; } .pagination > li { display:block; float:left; } .pagination > li > a, .pagination > li > span { border-color:#d9dee1; color:#415a68; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius:0; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius:0; } li.pag-current { padding:6px 12px; border:1px solid #d9dee1; background-color:#dae3e8; color:#415a68; } /* @end --------- */ /* Buttons */ .btn-primary { color:#FFF; background-color:#B3D236; border-color:transparent; border-radius:0px; transition:background-color 0.5s ease 0s; margin:10px 15px 0 0; } .btn-default { color:#FFF; background-color:#0072BC; border-color:transparent; border-radius:0px; transition:background-color 0.5s ease 0s; margin:10px 15px 0 0; } .btn-default:hover { color:#202020; background-color:#D9D9D9; border-color:transparent; transition:background-color 0.5s ease 0s; } .btn-inverse { color:#FFF; background-color:#0093D1; border-color:transparent; border-radius:0px; transition:background-color 0.5s ease 0s; margin:10px 15px 0 0; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary, .btn-inverse:hover { color:#202020; background-color:#D9D9D9; border-color:transparent; transition:background-color 0.5s ease 0s; } .btn-lg { padding:12px 30px; } .btn-outline { background:transparent; border:2px solid #0093D1; border-radius:0px; } .btn-outline:hover { border:2px solid #0093D1; background-color:#0093D1; color:#fff; } .btn.disabled { opacity:0.4; } /* menus */ .nav-wrap { width:100%; background-color:#b3d236; } .navbar { background-color:#f5f5f5; } .home .navbar { margin-bottom:0; } .navbar-nav > li > ul { display:none; width:280px; position:absolute; border:none; background:#fff; float:left; position:absolute; z-index:110; top:100%; right:17px; list-style:none; padding:0;} .navbar-nav > li > ul li > ul { display:none; position:absolute; border:none; background:#fff; float:left; position:absolute; z-index:110; top:0; left:100%; list-style:none; } .navbar-nav > li > .dropdown-menu { box-shadow:none; border-radius:0; border:1px solid #b3d236; } .navbar-nav > li ul > li { padding:0 10px; margin:0; position:relative; } .navbar-nav > li ul > li:first-child { } .navbar-nav > li ul > li:last-child { } .navbar-nav > li ul li:first-child:before { display:block; width:29px; height:14px; position:absolute; top:-15px; right:-18px; } .navbar-nav > li ul li:first-child:hover:before { display:block; width:29px; height:14px; position:absolute; top:-16px; right:-1px; } .navbar-nav > li ul > li >a { display:block; color:#b3d236; font-size:16px; text-transform:none; text-align:left; border-bottom:1px solid #b3d236; white-space:nowrap; text-decoration:none; padding:10px 5px; font-weight:400; } .navbar-nav > li ul > li:hover { background:transparent; } .navbar-nav > li ul > li:hover > a { color:#0093D1; border-color:#B3D236; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color:#B3D236; background-color:transparent; } .navbar-nav > li ul > li:last-child > a { border-color:transparent; } .navbar-nav > li.dropdown:hover > ul, .navbar-nav > li ul > li.dropdown:hover > ul { display:block; } .dropdown-menu > .active > a { background-color:#fff; color:#b3d236;} .dropdown-menu > .active > a:hover {background-color:#fff; color:#0093d1; } /* Undo custom dropdowns */ .navbar .navbar-nav .open .dropdown-menu { position:absolute; float:left; background-color:#fff; border:1px solid #ccc; -webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175); box-shadow:0 6px 12px rgba(0, 0, 0, .175); } .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:#333; } .navbar .navbar-nav .open .dropdown-menu > li > a:hover, .navbar .navbar-nav .open .dropdown-menu > li > a:focus, .navbar .navbar-nav .open .dropdown-menu > .active > a, .navbar .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar .navbar-nav .open .dropdown-menu > .active > a:focus { color:#333; !important; background-color:#f5f5f5 !important; } .navbar .navbar-nav .open .dropdown-menu > .disabled > a, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus { color:#999 !important; background-color:transparent !important; } .nav > li > a:hover, .nav > li > a:focus, .nav > li > a:hover, .nav > li:hover > a { background:none; color:#333; } /* Menu */ #slide-nav { margin:0; background:#333; border:0 none; } .main-nav { } .navbar .container { position:relative; } .navbar-nav > li > a { color:#333; font-size:18px; font-weight:700; text-transform:uppercase; padding-left:15px; padding-right:15px; } /* Lightbox */ .ekko-lightbox-container { position:relative } .ekko-lightbox-nav-overlay { position:absolute; top:0; left:0; z-index:100; width:100%; height:100%; } .ekko-lightbox-nav-overlay a{ z-index:100; display:block; width:49%; height:100%; padding-top:45%; font-size:30px; color:#fff; text-shadow:2px 2px 4px #000; opacity:0; filter:dropshadow(color=#000000, offx=2, offy=2); -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; transition:opacity 0.5s; } .ekko-lightbox-nav-overlay a:empty { width:49% } .ekko-lightbox a:hover { text-decoration:none; opacity:1; } .ekko-lightbox .glyphicon-chevron-left { left:0; float:left; padding-left:15px; text-align:left; } .ekko-lightbox .glyphicon-chevron-right { right:0; float:right; padding-right:15px; text-align:right; } .ekko-lightbox .modal-footer{ text-align:left } /* **************** General Styles **************** */ /* Top Bar */ .top-bar { width:100%; padding:4px 0; background-color:#fff; } .top-bar a { text-decoration:underline; font-size:14px; line-height:26px; display:inline-block; } .top-bar span { display:inline-block; margin-left:15px; } .top-bar .social-link { text-decoration:none; margin-right:2px; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; transition:opacity 0.5s ease; } .top-bar .social-link:hover { opacity:0.6; -webkit-transition:opacity 0.5s ease; -moz-transition:opacity 0.5s ease; -o-transition:opacity 0.5s ease; transition:opacity 0.5s ease; } /* @end --------- */ /* Logo */ #logo { position:relative; margin:0; display:block; padding:25px 0; } /* Free Call - Phone Number */ .phone-number { display:block; padding-top:20px; color:#fff; font-size:35px; } .phone-number a {color:#fff; text-decoration:none;} /* @end --------- */ /* Header */ .inner-head { width:100%; background-color:#0093d1; } #shopping-cart { height:50px; float:right; margin-right:10px; position:relative; } #catCartSummary { height:50px; } #empty-cart { height:50px; line-height:50px; } #cart-info { height:50px; line-height:50px; } #site-search { height:50px; float:right; } #search-field { margin-top:5px; } .shoppop { width:auto; max-width:none; min-width:300px; } .shoppop .popover-content { width:100%; } .total-price-of-order { text-align:right; font-size:16px; } .shoppop td { font-size:12px; } .shoppop .headings td { font-weight:bold; font-size:12px; } .shoppop td.sp-attrs { font-size:11px; } /* @end --------- */ /* Main Nav */ #main-nav .navbar-nav > li { /*padding:5px 0;*/ } #main-nav .navbar-nav > li:hover, #main-nav .navbar-nav > li.active { background-color:#fff; } #main-nav .navbar-nav > li > a { display:block; float:left; border-right:1px solid #fff; padding:0px 38px 0 38px; line-height:50px; font-size:18px; text-transform:none; font-weight:400; color:#fff; } #main-nav .navbar-nav > li:hover > a, #main-nav .navbar-nav > li.active > a { color:#b3d236; } #main-nav .navbar-nav > li:first-child a, #main-nav .navbar-nav > li.first-child a { line-height:50px; border-left:1px solid #fff; padding:0 30px 0 10px; } #main-nav .navbar-nav > li > a > i { margin-left:15px; font-size:40px; display:block; float:right; line-height:50px; } /* @end --------- */ /* Banners - Responsive */ .responsive #banner-region { width:100%; max-height:500px; margin:20px 0 20px 0; position:relative; overflow:visible; } .responsive #banner-slides { width:100%; max-height:500px; overflow:hidden; margin:0; padding:0; } .responsive #banner-slides li { width:100%; max-height:500px; list-style:none; text-align:center; } .responsive #banner-slides .inner-container { width:100%; max-height:500px; } .responsive #banner-slides li img { min-width:100%; position:relative; z-index:-1; } .responsive #banner-slides li .container { position:absolute; left:50%; top:0; z-index:2; text-align:left; margin-left:-585px; } .responsive .banner-content { max-height:500px; font-size:20px; padding:10px 45px 45px 45px; background:#fff; margin-top:50px; width:450px; position:relative; } .responsive .banner-content h2 { color:#555555; font-size:40px; font-weight:300; text-transform:none; padding:0; margin:0 0 15px 0; } .responsive .banner-content p { color:#0093d1; font-size:16px; font-weight:100; } .responsive .banner-content .banner-link { color:#fff; background-color:#b3d236; padding:6px 14px; font-size:14px; position:absolute; bottom:10px; right:10px; } .responsive .banner-content .banner-link:hover { background-color:#0766b6; -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; } /* Banner - Arrows */ #banner-region .banner-arrow { position:absolute; z-index:200; } #banner-region .previous, #banner-region .next { top:50%; margin-top:-55px; background-color:#b3d236; display:block; padding:40px 10px; line-height:1em; -webkit-box-shadow:3px 5px 15px 1px rgba(50, 50, 50, 0.8); -moz-box-shadow:3px 5px 15px 1px rgba(50, 50, 50, 0.8); box-shadow:0px 1px 19px 3px rgba(50, 50, 50, 0.8); -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; } #banner-region .previous { left:-20px; } #banner-region .next { right:-20px; } #banner-region .next .fa-chevron-right, #banner-region .previous .fa-chevron-left { color:#fff; font-size:30px; } #banner-region .banner-arrow:hover { background-color:#0766b6; -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; } #banner-region .banner-arrow:active { background-color:#0093D1; } /* Banner - Pager */ #banner-region .banner-pager { position:absolute; z-index:100; bottom:20px; right:20px; } #banner-region .banner-pager span { color:#000; display:block; float:left; width:15px; height:15px; margin-left:10px; background-color:#000; border-radius:15px; cursor:pointer; } #banner-region .banner-pager span:hover { background-color:#ccc; color:#ccc; -webkit-transition:background-color 0.5s ease; -moz-transition:background-color 0.5s ease; -o-transition:background-color 0.5s ease; transition:background-color 0.5s ease; } #banner-region .banner-pager .cycle-pager-active { color:#fff; background-color:#fff; } /* @end --------- */ /* Main Content */ #main-content { position:relative; } .page-content ul li { margin:0; line-height:1.6em; color:#666; font-size:15px; } .page-content img.img-responsive { width:100%; height:auto; } body.inner #main-content { margin-top:20px; } .page-content { background-color:#fff; min-height:600px; padding:20px; } .page-content .breadcrumbs { padding:10px 0; } .page-content .breadcrumbs .breadcrumb-links { color:#076fb3; } .page-content .breadcrumbs a:hover { text-decoration:underline; } .page-content.two-col, .two-col .page-content { width:70%; float:right; padding:20px; } /* @end --------- */ /* Home - Boxes */ .info-box-link { display:block; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .info-box-link:hover { color:#fff; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } .course-intro-wrap { padding:30px; background-color:#0766b6; text-align:right; height:190px; overflow:hidden; } .course-intro-wrap i:hover { color:#fff; } .course-intro-wrap .lead-title { color:#fff; font-size:30px; font-weight:700; border-color:#202020; text-transform:none; padding:0; margin:0; display:block; /*-webkit-text-stroke:1px #202020; text-shadow:1px 1px 0px #202020, -1px -1px 0px #202020, 0px 0px 0px #202020, 0px 0px 0px #202020, 0px 0px 0px #202020;*/ } .course-intro-wrap h3 { color:#b3d236; font-size:42px; font-weight:700; border-color:#202020; text-transform:none; padding:0; margin:0 0 15px 0; display:block; /*-webkit-text-stroke:1px #202020; text-shadow:1px 1px 0px #202020, -1px -1px 0px #202020, 0px 0px 0px #202020, 0px 0px 0px #202020, 0px 0px 0px #202020;*/ } .course-intro-summary { padding:20px; background-color:#d9d9d9; margin-bottom:20px; height:180px; overflow:hidden; } .course-intro-summary p { color:#666666; font-size:16px; line-height:1.4em; } .course-intro-summary .testimonials-cycle {height:100%;margin:0} /* Home - Boxes Small */ .course-intro-wrap-sml { padding:30px; background-color:#0766b6; text-align:right; height:110px; overflow:hidden; } .course-intro-wrap-sml i:hover { color:#fff; } .course-intro-wrap-sml .lead-title { color:#fff; font-size:30px; font-weight:700; border-color:#202020; text-transform:none; padding:0; margin:0; display:block; } /* @end --------- */ /* Default Sidebar */ .full-height-sidebar-wrap { overflow:hidden; position:relative; } .full-height-sidebar { height:100%; overflow:hidden; position:absolute; left:0px; width:30%; } .default-sidebar { padding-top:20px; background-color:#ececec; height:100%; overflow:hidden; position:absolute; left:0px; margin:0 15px; width:85%; } .default-sidebar h5 { color:#076fb3; font-size:20px; font-weight:bold; text-transform:none; font-size:16px; margin:0; } .default-sidebar .sub-title { display:block; margin:20px; color:rgb(0, 114, 188); font-size:18px; border-bottom:1px solid #D9D9D9; border-top:1px solid #D9D9D9; padding:10px 0 10px 0; } .default-sidebar p { color:#000; font-size:14px; } .sidebar-item { margin-bottom:20px; } .sidebar-social-links { list-style-type:none; } .sidebar-social-links li { margin:0 10px 10px 0; float:left; } .sidebar-menu { list-style:none; margin:0; border:1px solid #ECECEC; } .sidebar-menu li { position:relative; width:100%; } .sidebar-menu li a { display:block; width:100%; font-size:18px; color:#666; background-color:#f8f8f8; padding:10px 35px 10px 15px; border-top:1px solid #ECECEC; } .sidebar-menu li.sidebar-toggle i { color:#ccc; position:absolute; top:1px; right:0px; font-size:20px; padding:10px 15px; background-color:#f4f4f4; height:40px; } .sidebar-menu li.sidebar-toggle i:hover { cursor:pointer; background-color:#0072BC; color:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .sidebar-menu li ul { list-style:none; border-top:none; padding:10px 0px 10px 20px; background-color:#f8f8f8; width:100%; margin:0; display:none; } .sidebar-menu li ul li { padding:5px; } .sidebar-menu li ul li a{ border-top:none; font-size:16px; padding:0 20px 0 0; } .sidebar-menu li ul li a:hover { background-color:#f8f8f8; color:#0072bc; } .sidebar-menu li.sidebar-toggle.open > a,L .sidebar-menu li a:hover, .sidebar-menu li a:active, .sidebar-menu li.active a:hover, .sidebar-menu li.active a:active { color:#fff; background-color:#0072bc; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } .sidebar-menu li.open.sidebar-toggle > i { color:#fff; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; border-left:1px solid #fff; background:#0093D1; } .sidebar-menu li.active a:hover {background:#f8f8f8; color:#0072bc;} /*.sidebar-menu li.open.sidebar-toggle > i:hover { background-color:#F4F4F4; color:#CCC; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } */ /*.sidebar-menu li.sidebar-toggle a:hover + i { color:#fff; background:transparent; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; }*/ .sidebar-menu li ul li.active a, .sidebar-menu li ul li.active a { color:#0072bc; } .sidebar-menu li ul.active, .sidebar-menu li.active ul { display:block; } /* @end --------- */ /* Contact Form */ #contact-form { margin-top:20px; padding:0 15px; } #contact-form .social-link { margin-right:15px; } #contact-form input[type="submit"] { margin:0; } /* @end --------- */ /* Login */ #user { height:50px; line-height:50px; float:right; margin:0 10px; position:relative; } #user > a { text-decoration:none; } #login-dropdown { min-width:210px; padding:15px; display:none; line-height:1em; margin:0 0 0 -50%; -webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.3); box-shadow:0 1px 5px 0 rgba(0,0,0,0.3); -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } #login-dropdown .btn { margin-top:6px; } #quick-loginform { position:relative; } #quick-loginform:after { width:0; height:0; position:absolute; top:-33px; left:66%; border:solid transparent; content:" "; pointer-events:none; border-color:rgba(255, 255, 255, 0); border-bottom-color:#fff; border-width:10px; margin-left:-10px; } .user { display:block; height:50px; width:50px; margin:0 auto 10px auto; text-align:center; font-size:24px; border-radius:50px; border:1px solid #ccc; } .user i { display:inline; line-height:50px; } .remb, .help { display:block; text-align:center; margin-top:7px; font-size:12px; } .need-help { font-style:italic; } /* @end --------- */ /* Members Area */ .members-bar { background-color:#fff; padding-bottom:25px; } .user-profile { color:#999; font-size:16px; font-style:italic; } .members-content { background-color:#f5f5f5; padding:30px 0; } .membership #main-content { margin-bottom:0; } .edit-profile,.go-back { font-size:16px; color:#333; } .edit-profile:hover,.go-back:hover { color:#000; } .profile-box { margin-bottom:20px; padding:15px; background-color:#fff; } .pb-title { display:block; font-size:15px; text-transform:uppercase; color:#999; margin-bottom:5px; } .profile-box table td { padding-bottom:5px; } .pr-heading { width:45%; padding-right:10px; } .profile { } .profile .today { color:#999; } .case-list { margin-bottom:10px; } .cnumber { width:10%; color:#333; padding-right:15px; } .subject { width:65%; color:#999; } .status { width:20%; color:#ccc; } .zoneSubscriptions { margin:0; padding:0; } .zoneSubscriptions li { list-style:none; } .zoneSubscriptions li> ul { margin:0 0 7px 0; } .zoneName a { color:#333; } .reporttable { width:100%; } .order-list { background-color:#fff; padding:15px; } .order-item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; } .order-item:last-child { margin-bottom:0; padding-bottom:0; border-bottom:0 none; } .order-heading { margin-bottom:8px; font-size:16px; color:#999; } .o-title { width:50%; padding-right:5px; color:#999; } .order-status { margin-bottom:10px; font-size:14px; color:#666; } .order-status strong { color:#333; font-size:13px; } .os-goods-dispatched { color:#13b322; } .os-order-recieved { color:#999; } /* @end --------- */ /* Site Search Page */ .search-controls { margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; } #site-search-detail { width:100%; } #search-field { } #filter-search { } .type { } .search-result-item { margin-bottom:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; } .search-result-item h4 { font-size:16px; } .search-result-item h4 a { color:#333; } .sr-desc { font-size:12px; margin-top:0; } /* @end --------- */ /* ECOMMERCE SECTION */ /* General */ #ecomerce { } .shop-sidebar { } #listing-area { } .catalogueList { } .catalogueItemNotFound, .productItemNotFound { display:none; } /* Catalog */ .catalogueList { margin:0 0 20px 0; } .catalogueItem, .catalogueItemLast { width:33.3333%; list-style:none; float:left; margin-right:1%; } .catalogueItemLast { margin-right:0; } .catalog-box { } .view-catalog { } /* Small Product */ .productList.productSmall { margin:0; padding:0; } .productItem, .productItemLast { width:25%; list-style:none; float:left; margin-right:1%; margin-bottom:30px; } .productItemLast { margin-right:0; } .price { } .view-product { } .view-product.btn { } /* Large Product */ .productList.productLarge { margin:0; padding:0; } .productList.productLarge .productItem { width:100%; margin:0; float:none; } .large-product { } .productAttributes { } .catProductAttributeGroup { } .catProdAttributeTitle { font-weight:bold; font-size:14px; } .catProdAttributeItem { margin-bottom:10px; } .catProdAttributeItem select { } .catProdAttributeItem input[type=checkbox] { margin-right:5px; } .catProdAttributeItem input[type=radio] { margin-right:5px; } .volume-pricing { margin:0 0 10px 0; } .volume-pricing li { list-style:none; margin-bottom:5px; } .volume-pricing li:last-child { margin-bottom:0; } .poplets { margin:10px 0 0 0; padding:0; text-align:center; } .poplets li { list-style:none; display:inline-block; } .poplets a { display:block; } .poplets img { } .purchase-options { } .addtocart { } .qty { } .qty > input { width:50px; height:33px; text-align:center; } .related-products { margin:10px 0; } .related-product { margin-bottom:20px; } /* Shopping Cart */ #full-shopping-cart { } #full-shopping-cart .crumbs { margin-bottom:25px; } #product-summary th.quantity{ width:40px; text-align:center; padding-right:10px; } #product-summary tr.val td { max-height:95px; overflow:hidden; } #product-summary td.pimage { width:100px; } #product-summary td.pimage .productitemcell { width:100px; } #product-summary td.pimage img { max-width:100%; height:auto; display:block; } #product-summary td.quantity{ width:40px; padding-right:15px; } #product-summary td.quantity .productitemcell { width:40px; text-align:center; } #product-summary td.quantity input { width:40px; text-align:center; } #product-summary td.quantity input { border:1px solid #ccc; padding-top:4px; padding-bottom:4px; color:#999; } #product-summary td.ptaxrate{ } #product-summary td.ptotal { } #product-summary td.premove { } #product-summary td.premove a { } #product-summary td.premove a:hover { } #product-summary td.pname .productitemcell, #product-summary td.quantity .productitemcell, #product-summary td.ptaxrate .productitemcell, #product-summary td.ptotal .productitemcell, #product-summary td.premove .productitemcell { margin-top:20px; } #order-summary small { display:block; font-size:11px; font-style:italic; text-align:center; margin:0 auto 16px auto; } #discount-area {; margin-bottom:10px; } #discount-area label { font-style:normal; text-transform:uppercase; font-weight:700; font-size:14px; color:#001412; } .disc { margin-bottom:10px; } .cart-field > input[type=text] { width:100%; border:1px solid #ccc; padding:5px; } .update { background:#ccc; border:0 none; color:#fff; text-transform:uppercase; font-weight:700; text-align:center; padding:5px 10px; } .shipping-summary { margin-bottom:10px; } .shippingDiv { } #shippingSpan { text-transform:uppercase; color:#666; font-size:14px; font-weight:700; } #ShippingOptions, #shippingCountry, #shippingState { width:100%; border:1px solid #ccc; padding-top:4px; padding-bottom:4px; } #main-summary { width:93%; margin:10px auto 0 auto; } #catshopbuy { display:none; } #catshopbuy2 { margin:15px auto 8px; } /* Payment Page */ #checkout-section ,#shipping-details,#howHearVal { display:none; } .po { } .po i { font-size:30px; } .payment-type { display:none; } .po.disable { opacity:0.5; } /* @end --------- */ /* Blog */ .blog-search-btn { margin:0; padding:6px 12px 7px; border-left-color:#fff; } .BlogTagCloud a { display:block; float:left; margin-right:8px; margin-bottom:8px; padding:4px 7px; color:#666; font-size:16px; background:#f3f3f3; } .BlogTagCloud a:hover { background-color:#ccc; } #blog-archive a:link { font-size:15px; text-transform:capitalize; } .postlist-content p img { cursor:pointer; width:300px; height:auto; float:left; margin-right:15px; margin-bottom:90px; } .detail-post img { display:block; margin-bottom:20px; width:100%; height:auto; } .blog-recent { margin:0; padding:0; } .blog-recent li { margin:0 0 10px 0; padding:0; list-style:none; padding-bottom:10px; border-bottom:1px solid #d6d6d6; } .blog-recent a { font-size:14px; text-transform:none; color:#666; line-height:1.37em; } .blog-recent a:hover { color:#9FC52C; } .blog-recent .postdate { display:block; font-size:12px; color:#999; padding-top:3px; } .blog-archive ul { margin:0; padding:0; } .blog-archive li { margin:0 0 10px 0; padding:0; list-style:none; } .blog-archive a:hover { color:#9FC52C; } #CAT_Search .btn-default { margin:0px -1px; } /* @end --------- */ /* Staff */ .staff-options { display:block; padding-top:18px; line-height:1.2em; color:#333; font-style:italic; } .staff-options strong { color:#C20E50; font-size:15px; } .staff-options small { font-size:12px; color:#999; } #staff-selection { padding-top:15px; } #staff-header { height:85px; margin-bottom:20px; background-size:cover; background-position:center top; background-repeat:no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease; } #staff-back { display:block; } #staff-back,#staff-back:visited { display:block; width:80px; height:35px; line-height:35px; font-weight:800; background:rgba(255,255,255,0.7); text-align:center; } #staff-back:hover { background:#333; color:#fff; } /* List view */ #smc { min-height:250px; background:transparent url(img/loading-hex.gif) no-repeat center 50px; -webkit-transition:background 0.3s ease-in; -moz-transition:background 0.3s ease-in; -ms-transition:background 0.3s ease-in; -o-transition:background 0.3s ease-in; transition:background 0.3s ease-in; } #sms.loaded { background:none; } #smc .mix { display:none; } /*.staff-preview { height:330px; margin-bottom:20px; cursor:pointer; } .staff-preview:hover { }*/ .staff-preview.abso { position:absolute; } .staff-preview { height:650px; overflow:hidden; } .staff-image-small { margin-bottom:15px; } .staff-image-small img { max-width:100%; height:auto; } .staff-preview .post-title { font-size:21px; margin-bottom:6px; color:#666; } .staff-preview hr { border-color:#666; width:80%; border-width:1px; border-style:solid none none; } .staff-preview p { width:80%; } .staff-info { display:block; color:#0093D1; font-size:15px; line-height:1.3em; } .staff-info i { font-style:normal; font-weight:bold; color:#C20E50; } #filter-title { padding-top:15px; line-height:2.8em; float:left; margin-right:15px; } /* Course Map */ #course-map { height:500px; width:100%; background:#fff url(img/bg/loading-map.gif) no-repeat 50% 50%; margin-bottom:25px; } .course-info-pin { width:300px; line-height:1.35; overflow:hidden;white-space:nowrap; } /* Course Search */ #couse-jobready-search { display:none; } .picker__select--month, .picker__select--year { height:2.32em !important; } /* Course - Detail View */ .course-detail .title { display:block; color:#0093D1; text-align:left; font-size:16px; font-weight:700; line-height:1.2em; } .course-detail img { width:100%; margin-top:10px; } .course-detail #state-image { display:block; margin-bottom:20px; } .course-detail .btn-collapse { display:block; position:relative; background-color:#f3f3f3; border-color:#f3f3f3; color:#0093D1; width:100%; text-align:left; padding-top:10px; padding-bottom:10px; margin-bottom:10px; } .course-detail .btn-collapse i { position:absolute; right:10px; top:13px; color:#ccc; } .course-detail .link-btn { padding-top:10px; padding-bottom:10px; margin-bottom:10px; display:block; width:100%; text-align:left; font-size:16px; } .course-detail #state-select-menu { list-style:none; width:100%; margin:20px 0; padding:0; } .course-detail #state-select-menu li { width:100%; margin:0; padding:0; } .course-detail #state-select-menu li a { background-color:#0072BC; display:block; color:#fff; font-size:20px; border-bottom:1px solid #fff; padding:4%; width:92%; margin:0; } /* Course Support - Popup Form */ #popup-form { background-color:#ECECEC; border:5px solid #B3D236; border-radius:20px; padding:10px; display:none; width:250px; } #popup-form.fixed { position:fixed; bottom:10px; right:40px; z-index:1; } #popup-form .title { display:block; color:#0093D1; text-align:center; font-size:20px; font-weight:700; line-height:1.2em; } #popup-form .tagline { display:block; text-align:center; line-height:1.2em; margin:5px 0; } #popup-form .form-control { border:1px solid #B3D236; margin:10px 0; font-size:13px; width:100%; } #popup-form textarea.form-control { resize:none; } #popup-form input[type="submit"] { font-size:16px; padding:6px 15px; } #popup-form .close-btn { position:absolute; top:-10px; right:-10px; width:24px; height:24px; border-radius:12px; font-size:14px; color:#FFF; line-height:26px; text-align:center; background:#B3D236 none repeat scroll 0% 0%; font-weight:bold; transition:all 0.4s ease-in-out 0s; } #popup-form .close-btn:hover { cursor:pointer; background-color:#0072BC; transition:all 0.4s ease-in-out 0s; } /* Course Search */ #course-search-form { padding:20px; margin-bottom:10px; margin-bottom:20px; background-color:#F8F8F8; } .course-item { border:1px solid #ECECEC; background-color:#F8F8F8; margin-bottom:20px; transition:all 0.4s ease-in-out 0s; } .course-item .btn { display:block; padding:15px; } /* Testimonials - List View */ .quote a { color:#0093D1; text-decoration:underline; } .quote a:hover, .quote a:focus, .quote a:active { color:#0070D1; } .quote-details { display:block; padding:10px 0; text-align:center; } .name { font-weight:bold; } .course-name { font-style:italic; } .default-sidebar .testimonials-cycle { margin:20px; padding:0; text-align:center; background-color:#ECECEC; } /* Testimonials - Detail View */ .testimonial-item { padding:20px 20px 10px 20px; border-bottom:1px solid #D9D9D9; } .testimonial-item .quote-details { text-align:left; } /* Courses List View */ .courses { background:#fff; } .courses h1 { background:none; font-weight:100; color:#333; margin-top:10px; } .courses h1 .arrow-icon { position:relative; top:-4px; } .courses h2 { color:#272727; font-size:20px; font-weight:500; padding:0px; line-height:1.5em; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; } .courses h3 { color:#0F0E0D; font-size:17px; display:block; line-height:1.3em; font-weight:500; margin:20px 0; } .course-list-item { border:1px solid #ECECEC; background-color:#F8F8F8; margin-bottom:20px; transition:all 0.4s ease-in-out 0s; height:550px; overflow:hidden; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; } .course-list-item img:hover { opacity:0.7; } .course-list-item h2 { margin:0; padding:10px; display:block; font-size:30px; font-weight:100; height:85px; line-height:1.2em; } .course-list-item h2 a { color:#0093D1; } .course-list-item h2 a:hover { color:#000; } .course-list-item .short-desc { margin:0; padding:10px; color:#646464; height:180px; overflow:hidden; } .course-list-item .btn { margin:10px; padding:10px 30px; } .course-list-item .btn:hover { color:#fff; } /* Courses Detail View */ #courses-detail { background-color:#fff; } #courses-detail h1, #course-locaitons-detail h1 { background:none; font-weight:100; color:#333; margin-top:10px; } #courses-detail h1 .arrow-icon, #course-locaitons-detail h1 .arrow-icon { position:relative; top:-4px; } #courses-detail h2:first-of-type { margin-top:20px; } #courses-detail h2 { color:#272727; font-size:20px; font-weight:500; margin:30px 0 0; padding:0; line-height:1.5em; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } #courses-detail table { width:100%; margin-top:45px; } #courses-detail table tr td { width:48%; padding:16px; border-right:2px solid #fff; } #courses-detail table tr:nth-child(2n + 1) td { background-color:#e5f4fa; } #courses-detail ul { margin:0; } #courses-detail ul:after { visibility:hidden; display:block; content:""; clear:both; height:0; } #courses-detail ul li { list-style:none; margin:0; width:50%; float:left; line-height:2em; } #courses-detail ul li:before { content:'\f105'; font-family:'FontAwesome'; float:left; margin-right:10px; color:#0093D1; font-size:20px; } #courses-detail hr { border-color:#ccc; border-width:1px 0px 0px; } #courses-detail .co-icon { margin:0 auto; width:100%; max-width:40px; } #courses-detail .btn { text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:bold; font-size:14px; padding:8px 12px; } #online-enrol-v2 { margin-right:0; } #courses-detail .btn.disabled { background-color:#B3D236; border-color:#B3D236; } #course-units { margin:10px 0 20px 0; } .course-unit { background:#0093D1; padding:40px 0; width:100%; text-align:center; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } .unit-code { color:#fff; font-weight:bold; display:block; margin-bottom:10px; } .unit-name { display:block; color:#fff; width:80%; margin:0 auto; height:45px; } .course-option { background-color:#f8f8f8; padding:15px; color:#646464; margin-bottom:30px; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } #courses-detail h2.co-title, #courses-detail h2.big-blue, #course-locaitons-detail h2.big-blue { color:#0093d1; display:block; font-size:30px; font-weight:100; margin-top:0; } #course-recognition .nrt-logo {width:160px} .co-info { display:block; margin:2px 0 25px; } .co-sub-title { display:block; color:#0f0e0d; font-size:17px; display:block; line-height:1.3em; } #bundles .co-sub-title { font-size:22px; } #course-options table { margin:5px 0; } #course-options table tr td, #course-options table tr:nth-child(2n+1) td { background:none; width:auto; padding:0; margin-bottom:5px; border:none; } #course-options .state-select { border:1px solid #ccc; margin-top:9px; } #course-options .state-select select { background:#fff; width:100%; padding:5px; font-size:16px; line-height:1; border:0; border-radius:0; height:44px; -webkit-appearance:none; } #bundles { margin:15px 0; } .bundle { background:#dfeef4; padding:20px; margin:10px 0 20px 0; } .bundle-title { color:#646464; display:block; font-weight:bold; } .bundle-info { margin:20px; display:block; } .bundle-price { font-weight:bold; color:#0093d1; font-size:22px; display:inline-block; font-family:'Montserrat', sans-serif; font-weight:bold; } .bundle-prev-price { font-weight:bold; font-size:12px; display:inline-block; text-decoration:line-through; color:#333; margin-left:5px; font-family:'Montserrat', sans-serif; font-weight:bold; }1091 #course-locations { border:5px solid #0093d1; } .course-detailv2 #course-locations { border:0 none; } .course-map-wrap { background-color:#fff; padding:20px; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } .course-detailv2 .course-map-wrap { padding:0; } .course-loc-title { display:block; text-align:center; margin-bottom:10px; color:#272727; font-size:16px; } .course-detailv2 .course-loc-title { text-align:left; font-size:21px; margin-bottom:2px; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; } .course-loc-text { display:block; margin-top:20px; text-align:center; color:#646464; font-size:18px; font-weight:bold; } .course-loc-text a { color:#0093D1; font-size:18px; } .course-loc-text a:hover { color:#B3D236; } #download-sessions { padding:20px; background:#e5f4fa; } #download-sessions .pdf-icon { width:auto; } .download-pdf { display:block; color:#333; font-size:20px; font-weight:100; } .download-pdf i { color:#0093D1; font-size:48px; margin:0 20px; position:relative; top:7px; } #download-sessions:hover { background:#F8F8F8; } #course-testimonial { margin-bottom:70px; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } #testimonial-icon { text-align:center; } #testimonial-icon img { margin:55px 0; } .ct-quote { color:#333; font-size:24px; display:block; text-align:center; margin-bottom:30px; font-weight:100; } .ct-name, .ct-course { display:block; text-align:center; color:#272727; font-size:8; font-weight:100; line-height:1.5em; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } .ct-name { font-weight:bold; } #enquire .enquire-title { display:block; color:#fff; font-size:30px; font-weight:bold; text-align:center; margin-top:50px; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } #enquire .enquire-text { display:block; color:#fff; font-size:15px; text-align:center; margin-bottom:30px; font-family:'ProximaNovaRegular', Helvetica, Arial, sans-serif; } /* Course Detail Sidebar */ #course-sidebar #cd-nav { margin-top:20px; } #course-sidebar #cd-nav li:before { margin:0; opacity:0; visibility:hidden; } #course-sidebar #cd-nav li:hover:before, #course-sidebar #cd-nav li.active:before { content:'\f105'; font-family:"FontAwesome"; float:left; margin-right:10px; color:#0093D1; font-size:20px; opacity:1; visibility:visible; } #course-sidebar #cd-nav li { width:100%; } #course-sidebar #cd-nav li a { color:#666; } #course-sidebar #cd-nav li a:hover, #course-sidebar #cd-nav li.active a { color:#0093D1; } #course-sidebar #cd-nav li a:active { text-decoration:none; } #course-sidebar .btn { margin:30px 0 10px 0; display:block; max-width:165px; padding:17px 0; } #course-sidebar.f-nav { position:fixed; top:0; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; } #course-sidebar.f-nav.stop { opacity:0; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; } .social-share { min-height:38px; width:100%; } .article-content-section .social-share { margin-top:20px; } .social-share > div { float:left; margin:13px 5px 0 0;} .social-share > div > i { width:27px; height:27px; line-height:27px; display:block; background-color:#0093D1; color:#fff; font-size:15px; border-radius:50%; text-align:center; } .social-share > .social-share__widget { width:27px; height:27px; line-height:27px; display:block; background-color:#0093D1; color:#fff; font-size:15px; border-radius:50%; text-align:center; } .social-share > div:last-child { margin-right:0; } .social-share > .social-share__widget:hover { background-color:#333; cursor:pointer; } .social-share__widget .social-share__icon { position:relative; } .social-share__widget .social-share__icon:after { display:block; width:20px; height:20px; position:absolute; right:-10px; top:80%; color:#fff; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; } .social-share__widget_facebook .social-share__icon:after { content:""; } .social-share__widget_twitter .social-share__icon:after { content:""; } .social-share__widget_plusone .social-share__icon:after { content:""; } .social-share__widget_pinterest .social-share__icon:after { content:""; } .social-share__widget_linkedin .social-share__icon:after { content:"\f0e1"; } .social-share .share-text { background:transparent url('img/ico/right-arrow.png') no-repeat right center; padding-right:27px; line-height:27px; text-transform:uppercase; font-weight:600; } .share-cta { color:#646464; font-size:12px; display:block; margin:10px 0; max-width:140px; } .email-link { float:left; margin:13px 5px 0 0; } .email-link > i { width:27px; height:27px; line-height:27px; display:block; background-color:#0093D1; color:#fff; font-size:15px; border-radius:50%; text-align:center; } .email-link > i:hover { background-color:#333; cursor:pointer; } /* Course Enquiry Form */ #enquire { background-color:#0093D1; position:relative; z-index:1; } #courses-content { position:relative; z-index:1; background-color:#fff; } .background-form { margin-bottom:40px; color:#fff; } .background-form legend { color:#fff; } .background-form fieldset { margin-bottom:0px; } .background-form .form-field { width:100%; padding:15px 10px; background:transparent; border:2px solid #fff; color:#fff; margin-bottom:20px; font-size:16px; } .phone .background-form .form-field option, .ie .background-form .form-field option, .chrome.windows .background-form .form-field option { color:#333; } .ie .background-form select.form-field option, .chrome.windows .background-form select.form-field option { color:#333; } .background-form .form-select { border:2px solid #fff; margin-bottom:20px; max-height:57px; } .background-form .form-select select { background:#0093D1; color:#fff; border-color:#fff; width:100%; padding:5px; font-size:16px; line-height:1; border:0px none; border-radius:0px; height:52px; } .background-form .form-select select option { background:#0093D1; color:#fff; border-color:#fff; } .background-form .form-field::-webkit-input-placeholder { color:#fff; opacity:1; } .background-form .form-field:-moz-placeholder { color:#fff; opacity:1; } .background-form .form-field::-moz-placeholder { color:#fff; opacity:1; } .background-form .form-field:-ms-input-placeholder { color:#fff; opacity:1; } .background-form .form-field:-placeholder { color:#fff; opacity:1; } .background-form label, .background-form p.note, .background-form .note { color:#fff; font-style:normal; font-weight:bold; margin-bottom:5px; font-size:16px; } #delivery-options { margin-bottom:20px; } #delivery-options .deltype { margin-right:5px; } #face-to-face-bundle, #online-bundle, #form-bundle-options { display:none; margin-bottom:20px; } .btn-white, input[type="submit"].btn-white { text-transform:uppercase; font-family:'Montserrat', sans-serif; font-weight:bold; font-size:14px; background:#fff; padding:25px 50px; border-color:#fff; border-radius:0px; color:#0077bc; } .btn-white:hover, input[type="submit"].btn-white:hover { background:#B3D236; border-color:#B3D236; border-radius:0px; color:#fff; } /* Face to Face */ .course-listing-item { padding-top:8px; padding-bottom:8px; } .course-listing-item span { display:inline-block; margin-left:8px; } .course-listing-item a { display:inline-block; margin-right:8px; } .course-listing-item a:hover { color:#333; } .cline-odd { background-color:#e5f4fa; color:#646464; } .cline-even { background-color:#fff; color:#646464; } #course-filtering { padding:8px; background-color:#f8f8f8; margin-bottom:20px; } #course-filtering input[type="text"] { border-radius:0; border-color:#ccc; border-width:0 0 1px 0; } #course-filtering .btn { margin:0; } #courses-detail ul.pagination { width:100%; padding:8px; background-color:#f8f8f8; margin:10px 0 0 0; } #courses-detail ul.pagination li { width:auto; display:inline-block; } #courses-detail ul.pagination li.pag-current { padding:2px 12px; } #courses-detail ul.pagination li:before { display:none !important; } #course-listing { min-height:200px; } /* Online Booking */ .modal-title { color:#999; } .modal-dialog, .modal { z-index:9000; } #online-booking-modal .modal-dialog { width:750px; -webkit-transform:translate(90px, 30px); -moz-transform:translate(90px, 30px); transform:translate(90px, 30px); } body.modal-open { overflow:hidden; position:fixed; width:100% } /* Course Locations Detail */ #course-locaitons-detail { background-color:#fff; padding-bottom:30px; padding-top:20px; } .course-location-info { background-color:#f8f8f8; color:#646464; padding:15px 15px 50px 15px; margin-bottom:30px; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; position:relative; } #course-locaitons-detail h1 { margin-top:15px; } .course-location-info h3{ color:#0093d1; display:block; font-size:22px; font-weight:100; margin-top:0; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; } .course-location-info .fa { color:#ccc; } .dates, .pricing-block { border-bottom:1px solid #ccc; } .pricing-block { height:134px; } .price-option { display:block; margin-bottom:10px; color:#0093d1; text-align:left; font-size:19px; } .price-option strong { width:160px; display:inline-block; color:#646464; font-size:16px; } .course-location-info .book-opts { position:absolute; bottom:15px; right:0; } .book-opts >a { font-size:16px; margin:10px 14px 0 0; } .course-location-info .bundle { width:49%; float:left; padding:10px 10px 7px; margin:0 0 10px; } .course-location-info .bundle.odd { margin-right:10px; } .dates { padding-bottom:20px; margin-bottom:15px; } .dates .date { display:block; margin-bottom:5px; } .locname { font-size:17px; display:block; margin-bottom:2px; } .locinfo { font-size:14px; padding-bottom:0; } #course-locaitons-detail .bundle-price { color:#0093d1; display:inline-block; font-family:"Montserrat",sans-serif; font-size:19px; font-weight:normal; } #booking-course-location{ background-color:#0093d1; color:#fff; padding-top:30px; padding-bottom:30px; } #booking-course-location h2 { color:#fff; font-weight:normal; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; } #pay-finish { display:none; } #pay-finish .security-verification { padding:30px 0 0; } #pay-finish small { font-size:12px; font-style:italic; line-height:1em; display:block; margin:8px auto 0 auto; } #total-cost { color:#0093d1; font-size:30px; text-indent:-12px; font-family:"ProximaNovaRegular",Helvetica,Arial,sans-serif; padding-left:10px; } #booking-course-location #total-cost, #booking-course-location #total-cost span { color:#f5f5f5; } .background-form small { color:#fff; font-weight:normal; } .sec-blue { color:#fff; } .sec-blue a { color:#b3d236; } .background-form .fdate { display:block; font-weight:100; font-size:16px; cursor:pointer; } .background-form .fdate:hover { background-color:#b3d236; } .background-form .fdate input { position:relative; top:-1px; } .shownow { display:none; } .bundle-select { font-weight:normal; color:#f5f5f5; cursor:pointer; display:inline-block; border:1px solid #fff; padding:15px 10px; background-color:#3a85c5; font-weight:500; } .lbprice { display:inline-block; } .bundle-select input { display:none; } .bundle-select:hover, .bundle-select.selected { background-color:#b3d236; } #online-booking-form .bundle-select { padding:7px 10px; background-color:#dfeef4; color:#333; } #online-booking-form .bundle-select:hover, #online-booking-form .bundle-select.selected { background-color:#f5f5f5; border:1px solid #b3d236; } #online-booking-form .bundle-select input { width:1px; height:1px; overflow:hidden; margin-left:-6px; display:inline-block; pointer-events:none; opacity:0; } #online-booking-form .bundle-select .lbprice { display:block; color:#0093d1; font-size:16px; } #online-booking-form .bundle-select:hover, #online-booking-form .bundle-selectlselected { background-color:#f5f5f5; } #course-location-booking h4 { font-size:19px; } #course-location-booking .form-field { padding:11px 10px; } #course-location-booking select.form-field { padding:14px 10px; } .chrome #course-location-booking select.form-field { height:48px; } .ie #course-location-booking select.form-field { padding-top:10px; padding-bottom:10px; } #course-location-booking #eWAYBlock, #course-location-booking #DigiCertClickID_d6a1ieXf { display:inline-block; margin:0 15px; vertical-align:top } #course-location-booking #eWAYBlock img, #course-location-booking #DigiCertClickID_d6a1ieXf img { height:64px; } /* Footer */ .home #footer, .full-width #footer { margin-top:40px; } #footer { background:#0766b6; color:#fff; padding-top:18px; margin:0; padding-top:30px; } #footer h4 { color:#fff; text-transform:none; font-size:24px; font-weight:400; margin:0; padding:0; line-height:1em; letter-spacing:0.01em; } .membership #footer { margin:0; } #footer .subscribe-form input[type="text"] { color:#575757; width:90%; padding:5px; font-size:16px; margin-bottom:10px; height:38px; } #footer .subscribe-form .email-container { width:90%; position:relative; } #footer .subscribe-form .email-container input[type="text"] { width:100%; } #footer .subscribe-form .email-container input[type="submit"] { cursor:pointer; width:40px; height:38px; border:none; background:url('/stylesheets/img/bg/newsletter-submit-bg.jpg') no-repeat; position:absolute; right:-10px; text-indent:-9999px; } #footer .subscribe-form .email-container input[type="submit"]:hover { opacity:0.8; } #footer p { color:#fff; font-size:16px; } #footer .social-menu { margin:30px 0 0 0; padding:0; list-style:none; } #footer .social-menu li { padding:0; width:20%; float:left; margin-bottom:30px; background:none; } #footer .footer-menu { margin:30px 0 0 0; list-style:none; } #footer .footer-menu li { margin-bottom:10px; } #footer .footer-menu li a { color:#fff; font-size:18px; font-weight:100; } #footer .footer-menu li a:hover { color:#D9D9D9; } .copyright { border-top:3px solid #fff; margin-top:20px; padding-top:15px; font-size:18px; margin-bottom:20px; } #zns { display:none; } /* Certificate Item */ .certificate-item { margin-bottom:20px; height:280px; } .certificate-item a { display:block; width:100%; text-align:center; margin-bottom:10px; } /* @end --------- */ /* PPC Campaign Template */ .ppc-template { background:#fff; } .ppc-template #logo { padding-top:60px; } .ppc-template .phone-number { padding-top:66px; } .ppc-template .phone-number, .ppc-template .phone-number a .ppc-template .phone-number span { line-height:100%; } .ppc-template .phone-number a, .ppc-template .phone-number span { display:block; } .ppc-template .phone-number a { letter-spacing:2px; font-weight:bold; } .ppc-template .phone-number span { font-size:15.5px; font-weight:normal; text-transform:uppercase; letter-spacing:normal; margin-bottom:-6px; } .ppc-template h2, .ppc-template .h2 { font-weight:normal;; color:#0093d1; } .ppc-template .btn { background:#0093d1; color:#fff; text-transform:uppercase; font-size:16px; font-weight:bold; margin:0; padding:22px 50px; } .ppc-template .btn:hover, .ppc-template .btn:focus { background:#b3d236; } .ppc-template #ppc-banner-area { /* height:37vw; */ background-position:center center; background-repeat:no-repeat; background-size:cover; } .ppc-template .ppc-banner-area-background { height:100%; width:100%; background:none; } .ppc-template #ppc-banner-area * { -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; transition:all 0.2s linear; } .ppc-template #ppc-banner-area .ppc-banner-content { margin:0 auto; padding:8vw 0; } .ppc-template #ppc-banner-area .ppc-banner-content h1, .ppc-template #ppc-banner-area .ppc-banner-content h2, .ppc-template #ppc-banner-area .ppc-banner-content p { padding:0; } .ppc-template #ppc-banner-area .ppc-banner-content h1 { position:relative; font-size:48px; font-style:normal; color:#333; padding:0; margin:0; background:none; } .ppc-template #ppc-banner-area .ppc-banner-content .fa-chevron-right { position:absolute; top:4px; left:-46px; display:block; font-size:44px; color:#0093d1; } .ppc-template #ppc-banner-area .ppc-banner-content h2 { font-size:20px; margin:35px 0; text-transform:uppercase; } .ppc-template #ppc-banner-area .ppc-banner-content p { font-size:20px; color:#272727; margin:0 0 35px 0; } .ppc-template .ppc-description { padding:50px 0; } .ppc-template .ppc-description, .ppc-template .ppc-description .page-content { background-color:#f8f8f8; } .ppc-template .page-content { min-height:200px; } .ppc-template .ppc-description .page-content { padding:0; min-height:auto; } .ppc-template .ppc-description .page-content ul.icons, .ppc-template .ppc-description .page-content ul.icons li { list-style-type:none; margin:0; padding:0; } .ppc-template .ppc-description .page-content ul.icons { width:100%; margin:36px 0 0 0; } .ppc-template .ppc-description .page-content ul.icons li { float:left; width:25.3333%; margin:0 4%; font-size:18px; color:#272727; text-align:center; } .ppc-template .ppc-description .page-content ul.icons li img { display:block; margin:0 auto 30px auto; } .ppc-template .blue-box { display:block; width:100%; padding:38px 25px; background-color:#dfeef4; } .ppc-template .blue-box.blue-box-1 { height:100%; } .ppc-template .blue-box.blue-box-2 { margin-bottom:30px; } .ppc-template .course-options-content { padding:55px; width:70%; } .ppc-template .blue-box-wrapper { margin-top:36px; padding-top:36px; border-top:1px solid #c6c6c6; } .ppc-template .blue-box h3, .ppc-template .blue-box p, .ppc-template .blue-box li { color:#666; } .ppc-template .blue-box h3 { margin-top:0; } .ppc-template .blue-box ul, .ppc-template .blue-box li:last-child, .ppc-template .blue-box p:last-child { margin-bottom:0; } .ppc-template .blue-box ul { list-style-image:url('/images/ppc/ppc-bullet.jpg'); } .ppc-template .blue-box li { font-size:18px; padding-left:10px; margin:20px 0; } .ppc-template .course-options-content-left { float:left; } .ppc-template .course-options-content-right { float:right; } .ppc-template .course-options-content h2, .ppc-template .course-options-content p, .ppc-template .course-options-content h4 { margin:20px 0; } .ppc-template .course-options-content h2 { font-size:40px; } .ppc-template .course-options-content p { font-size:20px; color:#333; } .ppc-template .course-options-content h4 { font-size:18px; font-weight:bold; color:#0093d1; text-transform:uppercase; } .ppc-template .course-options-content .btn { background-color:#b3d236; margin-top:10px; } .ppc-template .course-options-content .btn:hover, .ppc-template .course-options-content .btn:focus { background:#0093d1; } .ppc-template .feat-image { min-height:378px; overflow:hidden; } .ppc-template .feat-image img { height:auto; width:100%; } .ppc-template .testimonials { background-color:#f8f8f8; padding:70px 0; } .ppc-template .testimonials .testimonials-arrow { display:block; width:100%; font-size:36px; color:#0093d1; text-align:center; } .ppc-template .testimonials .testimonials-arrow .fa { margin:0 -6px; } .ppc-template .testimonials .testimonial-item { display:block; width:90%; margin:0 auto; padding:0; border:none; text-align:center; } .ppc-template .testimonials .testimonial-item .quote { display:block; font-size:28px; margin:30px 0; } .ppc-template .testimonials .testimonial-item .quote-details { padding:0; text-align:center; } .ppc-template .testimonials .testimonial-item .quote-details span { display:block; font-size:20px; } .ppc-template .testimonials .testimonial-item .quote-details span.name { font-weight:bold; } .ppc-template .testimonials .testimonial-item .quote-details span.course-name { font-style:normal; } .ppc-template .middle-box { background-position:center center; background-repeat:no-repeat; background-size:cover; height:25vw; } .ppc-template .middle-box * { transition:all 0.2s linear 0s; } .ppc-template .middle-box .middle-box-content { margin:140px auto 0 auto; width:100%; } .ppc-template .middle-box .middle-box-content .h2, .ppc-template .middle-box .middle-box-content p { color:#fff; } .ppc-template .middle-box .middle-box-content .h2 { font-size:36px; } .ppc-template .middle-box .middle-box-content p { font-size:20px; margin:28px 0; } .ppc-template .faqs { margin:40px 0; } .ppc-template .faqs .h2 { color:#0093d1; margin:0 0 20px 0; } .ppc-template .faqs .panel { margin:0 0 5px 0; border-radius:0; border:none; box-shadow:none; } .ppc-template .faqs .panel-heading { background-color:#f8f8f8; padding:26px 23px; border:none; } .ppc-template .faqs .panel-heading h4 { font-size:20px; font-weight:normal; } .ppc-template .faqs .panel-heading h4, .ppc-template .faqs .panel-heading h4 a { color:#272727; } .ppc-template .faqs .panel-heading h4 a .fa-chevron-down, .ppc-template .faqs .panel-heading h4 a .fa-chevron-up { display:none; float:right; color:#0093d1; font-size:14px; margin:5px 0; } .ppc-template .faqs .panel-heading h4 a.collapsed .fa-chevron-down, .ppc-template .faqs .panel-heading h4 a .fa-chevron-up { display:block; } .ppc-template .faqs .panel-heading h4 a.collapsed .fa-chevron-up { display:none; } .ppc-template .faqs .panel-default > .panel-heading + .panel-collapse > .panel-body { padding:26px 23px; border:none; background:#fff; } .ppc-template .faqs .panel-body p, .ppc-template .faqs .panel-body li { font-size:15px; } .ppc-template .faqs .panel-body li { margin:12px 0; } .ppc-template .faqs .panel-body li:last-child { margin-bottom:0; } .ppc-template #bottom { color:#fff; background:#0093d1; padding:50px 0; } .ppc-template #bottom .h2 { margin-top:0; } .ppc-template #bottom p { color:#fff; } .ppc-template #bottom .btn { background:#fff; color:#0093d1; text-transform:uppercase; font-size:14px; font-weight:bold; margin-top:20px; } .ppc-template #bottom .btn:hover, .ppc-template #bottom .btn:focus { background:#b3d236; color:#fff; } .ppc-template.full-width #footer { margin:0; } .ppc-template #footer { background-color:#f8f8f8; } .ppc-template #footer .phone-number { padding:10px 0; } .ppc-template #footer .phone-number a, .ppc-template #footer .phone-number span { color:#333; } .ppc-template #footer .phone-number a { font-size:35px; letter-spacing:2px; padding:0; } .ppc-template #footer .phone-number span { font-size:15.5px; letter-spacing:normal; margin-bottom:-10px; } .ppc-template #footer a.ppc-contact { float:right; height:44px; width:44px; background:#0093d1; border-radius:50%; margin-top:10px; transition:background-color 0.5s ease 0s; } .ppc-template #footer a.ppc-contact:hover, .ppc-template #footer a.ppc-contact:focus { background:#b3d236; } .ppc-template #footer a.ppc-contact .fa-envelope-o { display:block; font-size:22px; color:#fff; text-align:center; margin:11px 0 10px 0; } .ppc-template #footer .copyright { background-color:#fff; border:none; } .ppc-template #footer .copyright p { font-size:14px; color:#333; } .ppc-template .modal { background-color:rgba(0, 0, 0, 0.7); } .ppc-template .modal-dialog { width:420px; margin-top:50px; } .ppc-template .modal-content { border:none; border-radius:0; } .ppc-template .modal-header { height:40px; border-bottom:none; padding:15px 15px 0 15px; } .ppc-template #modal-content p { display:block; width:83%; text-align:center; font-size:18px; color:#272727; margin:25px auto; } .ppc-template #modal-content p.h2 { width:100%; font-size:36px; margin-top:0; } .ppc-template #modal-content form#ppc-enquiry { width:92%; margin:0 auto; } .ppc-template #modal-content form#ppc-enquiry .form-control { border-top:none; border-left:none; border-right:none; border-color:#ccc; border-radius:0; color:#666; font-size:18px; height:48px; box-shadow:none; margin-bottom:15px; } .ppc-template #modal-content form#ppc-enquiry .btn { width:100%; } /* @end --------- */ /* Hidden Items for Mobile */ .mobile-course-sidebar i.mobile, .mobile-sidebar i.mobile, #main-nav .navbar-nav > li.mobile-only { display:none; } /* @end --------- */ /* **************** Utility Styles **************** */ .row.no-gutter { margin-right:0; margin-left:0; } .row.no-gutter > [class^="col"], .row.no-gutter > [class*=" col"] { padding-right:0; padding-left:0; } p.note { margin-bottom:5px; } /* **************** Media Query Ranges **************** */ /* Container utility queires ONLY */ @media (min-width:768px) { .responsive #banner-slides li .container { margin-left:-375px; } .responsive .banner-content { background-color:rgba(255,255,255,0.8); } } @media (min-width:992px) { .responsive #banner-slides li .container { margin-left:-485px; } .responsive .banner-content { background-color:rgba(255,255,255,0.8); } } @media (max-width:1300px){ .ppc-banner-content { padding-top:8vw; } } @media (min-width:1200px) and (max-width:1399px) { .ppc-template #ppc-banner-area .ppc-banner-content h1 { font-size:40px; } .ppc-template #ppc-banner-area .ppc-banner-content h2 { margin:20px 0; } .ppc-template #ppc-banner-area .ppc-banner-content p { margin-bottom:20px; } } /* Large desktops and laptops */ @media (min-width:1200px) { .responsive #banner-slides li .container { margin-left:-585px; } .responsive .banner-content { background-color:rgba(255,255,255,0.8); } #main-nav .navbar-nav > li > a { padding:0px 63px; } } /* Portrait tablets and medium desktops */ @media (min-width:992px) and (max-width:1199px) { .navbar-nav > li > a { font-size:19px; padding-left:10px; padding-right:10px; } .navbar-nav > li.last-child > a{ padding-right:0; } #main-nav .navbar-nav > li > a > i {font-size:30px;} #filter-staff {float:left; margin:0 0 20px 29px} .fa-chevron-down {display:none !important;} #filter-title {margin-left:-13px;} .ppc-template .ppc-banner-area-background { background:rgba(255, 255, 255, .7); } .ppc-template #ppc-banner-area .ppc-banner-content h1 { font-size:40px; } .ppc-template #ppc-banner-area .ppc-banner-content h1 .fa-chevron-right { display:none; } .ppc-template #ppc-banner-area .ppc-banner-content h2 { margin:15px 0; } .ppc-template #ppc-banner-area .ppc-banner-content p { margin-bottom:15px; } .ppc-template .course-options-content { padding:0 40px; width:100%; } .ppc-template .testimonials { padding:50px 0; } .ppc-template .middle-box .middle-box-content { margin-top:40px; } } /* Portrait tablets and small desktops */ @media (min-width:768px) and (max-width:991px) { form .col-sm-6 input[type=text], form .col-sm-6 input[type=password], form .col-sm-6 select, form .col-sm-6 textarea { margin-bottom:15px; } .navbar > .container .navbar-brand { height:136px; } .navbar-nav > li > a { font-size:20px; padding-left:15px; padding-right:15px; } #site-search { float:left; margin:0; overflow:hidden; position:absolute; right:15px; top:55px; width:181px; } /****** General Styles *****/ /* Header */ .top-bar a { font-size:12px; line-height:1.3em; } .phone-number { font-size:30px; } #main-nav .navbar-nav > li > a { font-size:15px; padding:0px 17px; } /* Home */ .responsive .banner-content { margin:0; overflow:hidden; height:340px; } .responsive .banner-content h2 { font-size:30px; } .course-intro-wrap .lead-title { font-size:24px; } .course-intro-wrap h3 { font-size:30px; } .course-intro-wrap img { height:60px; } .course-intro-summary p { font-size:15px; } .course-intro-wrap { height:190px; } .course-intro-wrap-sml { height:180px; } /* Sidebar */ .default-sidebar .testimonials-cycle { margin:0; font-size:13px; } .default-sidebar .sub-title { font-size:15px; } .testimonial-item { padding:0 20px 10px; } .sidebar-menu li a { font-size:14px; } .sidebar-menu li ul li a { font-size:14px; } .course-detail #state-image { display:block; margin-bottom:20px; width:100% !important; height:auto !important; } .fa-chevron-down {display:none !important;} #main-nav .navbar-nav > li > a > i {font-size:36px;} #filter-staff {float:left; margin:0 0 20px 29px} #filter-title {margin-left:-13px;} #online-booking-modal .modal-dialog{ -webkit-transform:none; transform:none; } .ppc-template .ppc-banner-area-background { background:rgba(255, 255, 255, .7); } .ppc-template #ppc-banner-area .ppc-banner-content { padding:6vw 4vw; } .ppc-template #ppc-banner-area .ppc-banner-content h1 { font-size:40px; } .ppc-template #ppc-banner-area .ppc-banner-content h1 .fa-chevron-right { display:none; } .ppc-template #ppc-banner-area .ppc-banner-content h2 { margin:15px 0; } .ppc-template #ppc-banner-area .ppc-banner-content p { display:none; } .ppc-template .ppc-description { padding:25px 0; } .ppc-template .blue-box { margin-bottom:30px; } .ppc-template .blue-box.blue-box-3 { margin-bottom:0; } .ppc-template .feat-image { display:none; } .ppc-template .course-options-content { padding:15px 50px; width:100%; } .ppc-template .testimonials .testimonial-item .quote { font-size:26px; } .ppc-template .middle-box { height:35vw; } .ppc-template .middle-box .middle-box-content { margin:40px auto 0; width:100%; } } /* Landscape phones and portrait tablets */ @media (max-width:767px) { body { background:none; } .top-bar { display:none; } #nav-expander { -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; padding:6px; border:5px solid #666; cursor:pointer; background:#666; } #nav-expander.out { margin-right:210px; } #nav-expander.out .icon-bar { background:transparent; } #nav-expander.out .icon-bar::after { content:"\f00d"; font-family:FontAwesome; font-style:normal; font-weight:normal; text-decoration:inherit; position:absolute; top:-4px; left:7px; color:#fff; font-size:26px; } .navbar { height:auto; min-height:0; background:none; } .navbar-toggle .icon-bar { height:3px; background:#fff; } .main-nav { height:100%; margin:0; background:#B3D236; box-shadow:0 0 0 1px #ccc; border-left:1px solid #fff; right:0; bottom:0; top:0; width:250px; position:fixed; overflow:hidden; margin-top:0; border-top:1px solid #ccc; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; z-index:300;} .main-nav.in { top:50px; bottom:0; top:0; right:-250px; float:none; } .main-nav .navbar-nav { width:auto; padding:0; margin:0; } .main-nav > ul { margin-top:5px; } .main-nav > ul > li { float:none; } .navbar-nav > li.first-child > a { padding-left:15px; } .main-nav > ul > li:hover > a { background-color:#0766B6; } .main-nav > ul > li.active > ul, .main-nav > ul > li > ul { width:100%; display:block; position:relative; top:auto left:auto; right:auto; height:auto; margin-bottom:10px; background-color:transparent; } .main-nav > ul > li > ul li , .main-nav > ul > li > ul li a { width:100%; background-color:transparent; } .main-nav > ul > li > ul li a { border-top-color:#c5d0d6; color:#415a68; font-size:14px; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover { background-color:transparent; color:#0093D1; } #online-booking-modal .modal-dialog { margin:10px auto; width:97%; -webkit-transform:none; transform:none; } #site { width:100%; position:relative; right:0; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out; } #site.out { right:200px; } .responsive-table table, .responsive-table thead, .responsive-table tbody, .responsive-table th, .responsive-table td, .responsive-table tr { display:block; } .responsive-table thead tr { position:absolute; top:-9999px; left:-9999px; } .responsive-table tr { border:0 none; } .responsive-table td { border:none; position:relative; text-align:center; } form .col-xs-12 input[type=text], form .col-xs-12 input[type=password], form .col-xs-12 select, form .col-xs-12 textarea { margin-bottom:15px; } #product-summary td.quantity { width:auto; } #product-summary td.pimage { width:auto; text-align:center; } #product-summary td.pimage img { margin:0 auto; } /* General Styles */ .responsive .banner-content { background-color:rgba(255,255,255,0.6); } .top-bar a { font-size:12px; line-height:1.4em; margin-top:5px; } .top-bar .social-link { margin-right:10px; } #logo { text-align:center; padding:10px 0; } .phone-number { font-size:25px; padding:10px 0; text-align:center; } .main-head { position:relative; } .navbar-toggle { position:absolute; top:0; left:10px; } #main-nav .navbar-nav > li > a { padding:0 0 0 10px; } #main-nav .navbar-nav > li > a > i { margin-right:20px; } #main-nav .navbar-nav > li.first-child > a { height:60px; } #main-nav .navbar-nav > li.first-child > a > i { margin:0; float:left; } #nav-expander { background:#B3D236; border:5px solid #B3D236; } .responsive .banner-content, #banner-region { margin-top:0; display:none; } .main-head { position:relative; margin-bottom:10px; } .main-nav > ul > li > ul li, .main-nav > ul > li > ul li a, .navbar-nav > li ul > li:hover { color:#fff; } #main-nav .navbar-nav > li { position:relative; } #main-nav .navbar-nav > li > a { border-bottom:1px solid #fff; float:none; } #main-nav .navbar-nav > li.first-child a { line-height:50px; border-left:1px solid #FFF; padding:0px 30px 0px 10px; height:50px; } #main-nav .navbar-nav > li:hover, #main-nav .navbar-nav > li.active { background:transparent; } #main-nav .navbar-nav > li:hover a, #main-nav .navbar-nav > li > a, #main-nav .navbar-nav > li.active a { color:#fff; } #main-nav .navbar-nav > li:hover a > .icon, #main-nav .navbar-nav > li.active a > .icon { background-position:0 0; } #main-nav .navbar-nav > li > a > i { font-size:14px; } #main-nav .navbar-nav > li > a > i.hide-on-mobile { display:none; } #main-nav .navbar-nav > li.home > a::after { content:'Home'; } #main-nav .navbar-nav > li.mobile-only { display:block; } .navbar-nav > li > .dropdown-menu { display:none; } #footer .social-menu li { width:auto; margin-right:20px; } #footer .social-menu li.last-child { margin-top:5px; } #footer h4 { margin:10px 0 0 0; } #contact-form .social-link { margin-bottom:10px; } .course-intro-wrap-sml { height:130px; } .full-height-sidebar { height:auto; position:static; width:100%; margin-top:10px; } .full-height-sidebar .default-sidebar { width:100%; margin:0; height:auto; position:static; background-color:#fff; padding:0; } .full-height-sidebar .default-sidebar .testimonials-cycle { display:none !important; } .default-sidebar .sub-title.testimonials { display:none; } .page-content.two-col, .two-col .page-content { float:none; padding:0; width:100%; } .first-blog-image { width:100%; margin-bottom:10px; } .staff-preview { height:auto; } #contact-form .social-link { margin-right:0px; } .course-detail #state-image { display:block; margin-bottom:20px; width:100% !important; height:auto !important; } .top-bar .social-link { display:none; } .phone-number span a { color:#fff; } .phone-number img { height:30px; width:auto; } .full-height-sidebar-wrap { position:relative; overflow:visible; } .mobile-sidebar { position:absolute; top:-30px; left:50%; width:50px; height:auto; margin-left:-25px; font-style:normal; font-weight:normal; text-decoration:inherit; background-color:#B3D236; z-index:9000; text-align:center; font-size:25px; color:#fff; cursor:pointer; } .mobile-sidebar:hover, .mobile-sidebar.open { background-color:#0093D1; } .mobile-sidebar i.mobile { display:block; } .full-height-sidebar { display:none; } #main-content { margin-top:30px; } /* Our People */ #main-area { margin-top:30px; } /* Course Detail View */ .course-unit { margin-bottom:20px; } #course-sidebar { opacity:0; visibility:hidden; height:0px; position:absolute; -webkit-transition:opacity 0.3s; -moz-transition:opacity 0.3s; transition:opacity 0.3s; -webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-backface-visibility:hidden; backface-visibility:hidden; } #course-sidebar.open { opacity:1; visibility:visible; height:auto; position:static; margin-top:30px; } #course-sidebar.f-nav { position:static; } #course-sidebar #cd-nav { list-style:none; border-top:none; padding:10px 0px 10px 20px; background-color:#F8F8F8; width:100%; margin:0px; border:1px solid #ECECEC; } #course-sidebar #cd-nav li { padding:5px; } #course-sidebar #cd-nav li a { border-top:none; font-size:16px; padding:0px 20px 0px 0px; } #course-sidebar #cd-nav li.active:before, #course-sidebar #cd-nav li:hover:before { margin:0px; opacity:0; visibility:hidden; } .mobile-course-sidebar { position:absolute; top:-10px; left:50%; width:50px; height:auto; margin-left:-25px; font-style:normal; font-weight:normal; text-decoration:inherit; background-color:#b3d236; z-index:8000; text-align:center; font-size:25px; color:#fff; cursor:pointer; } .mobile-course-sidebar:hover, .mobile-course-sidebar.open { background-color:#0093D1; } .mobile-course-sidebar.open { top:-40px; } .mobile-course-sidebar i.mobile { display:block; } .social-share, .share-cta { display:none; } #course-sidebar .btn { margin:30px auto; } .ppc-template #logo { padding-top:30px; } .ppc-template .phone-number { padding:20px 0; } .ppc-template .main-head { margin-bottom:0; } .ppc-template #main-content { margin-top:0; } .ppc-template .ppc-banner-area-background { background:rgba(255, 255, 255, .7); } .ppc-template #ppc-banner-area .ppc-banner-content { padding:8vw 0; } .ppc-template #ppc-banner-area .ppc-banner-content h1 { font-size:34px; margin-bottom:22px; } .ppc-template #ppc-banner-area .ppc-banner-content h1 .fa-chevron-right { display:none; } .ppc-template #ppc-banner-area .ppc-banner-content h2, .ppc-template #ppc-banner-area .ppc-banner-content p { display:none; } .ppc-template .ppc-description { padding:25px 0; } .ppc-template .blue-box { margin-bottom:30px; } .ppc-template .blue-box.blue-box-3 { margin-bottom:0; } .ppc-template .feat-image { display:none; } .ppc-template .course-options-content { padding:15px 50px; width:100%; } .ppc-template .testimonials .testimonial-item .quote { font-size:26px; } .ppc-template .middle-box { height:40vw; } .ppc-template .middle-box .middle-box-content { margin:40px auto 0; width:100%; } .ppc-template #footer .phone-number span { margin-bottom:0; } .ppc-template #footer a.ppc-contact { float:none; display:block; margin:0 auto 20px auto; } .ppc-template #footer a.ppc-contact .fa-envelope-o { margin:10px 0 0 0; padding:10px 0 0 0; } .ppc-template #footer .copyright { margin-top:0; } .course-list-item, .course-list-item h2, .course-list-item .short-desc { height:auto; } } @media (max-width:665px) { .ppc-template #logo { padding-top:30px; } .ppc-template .phone-number { padding:20px 0; } .ppc-template .main-head { margin-bottom:0; } .ppc-template #main-content { margin-top:0; } .ppc-template #ppc-banner-area .ppc-banner-content { padding:8vw 4vw; } .ppc-template #ppc-banner-area .ppc-banner-content h1 { font-size:28px; } .ppc-template #ppc-banner-area .ppc-banner-content h2, .ppc-template #ppc-banner-area .ppc-banner-content p { display:none; } .ppc-template #ppc-banner-area .ppc-banner-content .btn { padding:12px 25px; } .ppc-template .modal-dialog { margin:50px auto 0 auto; } .cfls { text-align:center !important; } .cfls #course-filter { width:80%; } #course-filtering input[type="text"], #course-filtering select { margin-bottom:10px; border:1px solid #ccc; } .course-location-info .bundle { float:none; width:100%; } #course-location-booking .note small { display:block; } #course-location-booking .bundle-select { width:100%; margin-bottom:10px; } .picker__select--year, .picker__select--month { height:2.32em; font-size:18px; width:30.5% !important; } } /* Landscape phones and smaller */ @media (max-width:480px) { .responsive .banner-content { background-color:rgba(255,255,255,0.6); } #side-bar { display:none; } #slide-nav { min-height:130px; } .navbar > .container .navbar-brand { height:139px; } .navbar-brand > img { width:85%; height:auto; } #banners,#banners >div { height:200px; } .banners, #banners li { height:200px; } .banners { margin:0 0 25px; } .inner-slide { height:200px; } .banner-wrapper { height:200px; left:0; } #banners li .container { display:none;} .banner-image { height:200px; } .course-intro-wrap img { height:50px; } .course-intro-wrap .lead-title { font-size:20px; } .course-intro-wrap h3 { font-size:34px; } .course-intro-wrap { padding:15px;height:auto; } .course-intro-summary { padding:10px;height:auto; } .responsive-table table, .responsive-table table thead, .responsive-table table tbody, .responsive-table table th, .responsive-table table td, .responsive-table table tr { display:block; } .responsive-table table thead tr { position:absolute; top:-9999px; left:-9999px; } .responsive-table table tr { border:0 none; position:relative; border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; } .responsive-table table tr td { border:0 none; position:relative; padding-left:0; } form .col-xs-12 input[type=text], form .col-xs-12 input[type=password], form .col-xs-12 select, form .col-xs-12 textarea { margin-bottom:15px; } /* Header */ .top-bar a { font-size:11px; } #logo img { width:180px; } /* Home */ .course-intro-wrap-sml { height:160px; } .course-intro-wrap-sml .lead-title { font-size:25px; } .course-intro-wrap h3 { font-size:25px; } .page-content.two-col img { float:none; } .course-detail #state-image { display:block; margin-bottom:20px; width:100% !important; height:auto !important; } .top-bar .social-link { display:none; } .ppc-template .ppc-description .page-content ul.icons li { width:100%; margin:0 0 30px 0; } .ppc-template .middle-box { height:62vw; } .ppc-template .middle-box .middle-box-content p.h2 { display:block; } .ppc-template .middle-box .middle-box-content p { display:none; } .ppc-template #bottom .btn { padding:22px; } .ppc-template .modal-dialog { width:80%; } .picker__select--year, .picker__select--month { height:2.3em; font-size:16px; width:30.5% !important; } } @media (max-width:320px) { .ppc-template .middle-box .middle-box-content p.h2 { font-size:28px; } .ppc-template #bottom .btn { padding:16px; } }