/* Table of Contents update on Wed Jul 08 2015 18:32:17 GMT+0300 (FLE Summer Time) I. Generic -------------------------------------- 01. Reset ------------------------------------ 02. Fonts ------------------------------------ 03. Base ------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 04. Helpers ---------------------------------- Clear ------------------------------------ Notext ----------------------------------- Hidden ----------------------------------- Alignleft -------------------------------- Alignright ------------------------------- Disabled --------------------------------- II. Regions -------------------------------------- 01. Wrapper ---------------------------------- 02. Container -------------------------------- 03. Container Secondary ---------------------- 04. Container Tertiary ----------------------- Mobile ----------------------------------- 05. Shell ------------------------------------ 06. Header ----------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 07. Header Secondary ------------------------- Mobile ----------------------------------- 08. Main ------------------------------------- 09. Footer ----------------------------------- Mobile ----------------------------------- 10. Content ---------------------------------- 11. Sidebar ---------------------------------- III. Themes --------------------------------------- IV. Modules -------------------------------------- 01. Article ---------------------------------- Small Dekstop ---------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 02. Article Alit ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 03. Button ----------------------------------- 04. Callout ---------------------------------- Mobile ----------------------------------- 05. Course ----------------------------------- Gradients -------------------------------- Small Desktop ---------------------------- Mobile ----------------------------------- Mobile Portrait -------------------------- 06. Filter ----------------------------------- Mobile ----------------------------------- 07. Form Elements ---------------------------- 08. Form Login ------------------------------- Mobile ----------------------------------- 09. Form Register ---------------------------- Mobile ----------------------------------- 10. Form Profile ----------------------------- Mobile ----------------------------------- 11. Intro ------------------------------------ Tablet Portrait -------------------------- Mobile ----------------------------------- 12. List ------------------------------------- 13. Logo ------------------------------------- 14. Nav -------------------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 15. Nav Access ------------------------------- Mobile ----------------------------------- 16. Search ----------------------------------- 17. Section Partners ------------------------- Mobile ----------------------------------- 18. Section Articles ------------------------- Mobile ----------------------------------- 19. Section Library -------------------------- Mobile ----------------------------------- 20. Section Courses -------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 21. Section Login ---------------------------- Mobile ----------------------------------- 22. Section Register ------------------------- Mobile ----------------------------------- 23. Section Profile -------------------------- Mobile ----------------------------------- 24. Slider Testimonials ---------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 25. Slider Partners -------------------------- Mobile ----------------------------------- 26. Slider Intro ----------------------------- Tablet Portrait -------------------------- Mobile ----------------------------------- 27. Socials ---------------------------------- 28. Tabs ------------------------------------- Mobile ----------------------------------- 29. Table ------------------------------------ 30. Widget ----------------------------------- 31. Widget Filter ---------------------------- Mobile ----------------------------------- */ .ico-card { background-image: url(images/sprite.png); background-position: -128px 0; width: 40px; height: 31px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-company { background-image: url(images/sprite.png); background-position: -128px -75px; width: 35px; height: 33px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-earth { background-image: url(images/sprite.png); background-position: -86px -42px; width: 34px; height: 32px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook { background-image: url(images/sprite.png); background-position: 0 -43px; width: 38px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-facebook-2 { background-image: url(images/sprite.png); background-position: 0 -85px; width: 39px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-googleplus { background-image: url(images/sprite.png); background-position: -42px -43px; width: 38px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-plane { background-image: url(images/sprite.png); background-position: 0 0; width: 40px; height: 39px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-profile { background-image: url(images/sprite.png); background-position: -128px -35px; width: 34px; height: 36px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter { background-image: url(images/sprite.png); background-position: -86px 0; width: 38px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-twitter-2 { background-image: url(images/sprite.png); background-position: -43px -85px; width: 39px; height: 35px; display: inline-block; vertical-align: middle; font-size: 0; } .ico-youtube { background-image: url(images/sprite.png); background-position: -44px 0; width: 38px; height: 38px; display: inline-block; vertical-align: middle; font-size: 0; } .owl-next { background-image: url(images/sprite.png); background-position: 0 -124px; width: 24px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .owl-prev { background-image: url(images/sprite.png); background-position: -28px -124px; width: 24px; height: 41px; display: inline-block; vertical-align: middle; font-size: 0; } .owl-carousel .owl-stage-outer { width: 100%;} /* PACE */ /*.pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: rgba(255, 255, 255, 0.9); height: 100%; pointer-events: none; position: fixed; width: 100%; z-index: 1000; } .pace-inactive { display: none; } .pace .pace-progress { background: #29d; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #29d, 0 0 5px #29d; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 15px; right: 15px; width: 14px; height: 14px; border: solid 2px transparent; border-top-color: #29d; border-left-color: #29d; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } }*/ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; background: rgba(255, 255, 255, 0.95); height: 100%; pointer-events: none; position: fixed; width: 100%; z-index: 999; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -ms-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; opacity: 1; } .pace.pace-inactive .pace-progress, .pace.pace-inactive { opacity: 0; } .pace .pace-progress { position: fixed; z-index: 2000; top: 100px; right: 100px; height: 5rem; width: 5rem; -webkit-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .pace .pace-progress:after { display: block; position: absolute; top: 0; right: .5rem; content: attr(data-progress-text); font-family: "Helvetica Neue", sans-serif; font-weight: 100; font-size: 20rem; line-height: 1; text-align: right; color: #069; } /* ------------------------------------------------------------ *\ I. Generic \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Reset \* ------------------------------------------------------------ */ .app-aside-folded .navbar-collapse, .app-aside-folded .app-content, .app-aside-folded .app-footer { margin-left: 00px; } *, *:before, *:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { display: block; } html, body { height: 100%; } html { tap-highlight-color: rgba(0,0,0,0); } body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; } img, iframe, video, audio, object { max-width: 100%; } img { height: auto; display: inline-block; vertical-align: middle; } b, strong { font-weight: bold; } address { font-style: normal; } svg:not(:root) { overflow: hidden; } a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for] { cursor: pointer; } a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; } button, input, optgroup, select, textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } button, select { text-transform: none; } table { width: 100%; border-collapse: collapse; border-spacing: 0; } nav ul, nav ol { list-style: none outside none; } /* ------------------------------------------------------------ *\ Fonts \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Base \* ------------------------------------------------------------ */ body { min-width: 320px; background: #fff; font-family: 'franklin-gothic-urw', sans-serif; font-size: 24px; line-height: 1.5; color: #2c2c2c; } a { color: inherit; text-decoration: underline; } a:hover { text-decoration: none; } a[href^="tel"] { text-decoration: none; } h1 { font-size: 79px; font-weight: 500; } h2 { font-size: 60px; font-weight: 500; } h3 { font-size: 48px; font-weight: 500; } h4 { font-size: 36px; font-weight: 500; } h5 { font-size: 30px; } h6 { font-size: 15px; } h1, h2, h3, h4, h5, h6 { margin-bottom: 0.75em; } p, ul, ol, dl, table, blockquote { margin-bottom: 1.5em; } h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child { margin-bottom: 0; } /* Tablet Portrait */ @media (max-width: 1023px) { h1 { font-size: 60px; } } /* Mobile */ @media (max-width: 767px) { h1 { font-size: 30px; } h2 { font-size: 28px; } h3 { font-size: 25px; } h4 { font-size: 22px; } h5 { font-size: 20px; } } /* ------------------------------------------------------------ *\ Helpers \* ------------------------------------------------------------ */ /* Clear */ .form-row:after, .clear:after { content: ''; line-height: 0; display: table; clear: both; } /* Notext */ .notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; } .notext-old { font-size: 0; line-height: 0; text-indent: -4000px; } /* Hidden */ [hidden], .hidden { display: none; } /* Alignleft */ .alignleft { float: left; } /* Alignright */ .alignright { float: right; } /* Disabled */ [disabled], .disabled { cursor: default; } /* ------------------------------------------------------------ *\ II. Regions \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Wrapper \* ------------------------------------------------------------ */ .wrapper { height: 100%; padding: 0px !important; } /* ------------------------------------------------------------ *\ Container \* ------------------------------------------------------------ */ .container { position: relative; } /* ------------------------------------------------------------ *\ Container Secondary \* ------------------------------------------------------------ */ .container-secondary { background: url(images/container-bg.jpg) no-repeat 0 0; background-size: cover; height: 100%; position: relative; min-height: 700px; } /* ------------------------------------------------------------ *\ Container Tertiary \* ------------------------------------------------------------ */ .container-tertiary { background: url(images/container-bg2.jpg) no-repeat 0 0; background-size: cover; height: 100%; position: relative; min-height: 720px; } .container-tertiary.step-1{ background: url(images/container-bg2.jpg) no-repeat 0 0 / cover !important;} .container-tertiary.step-2{ background: url(images/container-bg.jpg) no-repeat 0 0 / cover!important;} .container-tertiary.step-3{ background: url(images/container-bg2.jpg) no-repeat 0 0 / cover !important;} .container-tertiary.step-4{ background: url(images/container-bg.jpg) no-repeat 0 0 / cover !important;} .container-tertiary.step-5{ background: url(images/container-bg2.jpg) no-repeat 0 0 / cover !important;} .container-tertiary-extended { min-height: 100%; height: auto; padding-bottom: 100px; } /* Mobile */ @media (max-width: 767px) { .container-tertiary-extended { padding-bottom: 10px; } } /* ------------------------------------------------------------ *\ Shell \* ------------------------------------------------------------ */ .shell { max-width: 1138px; margin: auto; text-align: center; } /* ------------------------------------------------------------ *\ Header \* ------------------------------------------------------------ */ .header { border-top: 5px solid #156596; background: url(images/header-bg.png) repeat-x 0 -75px; position: absolute; left: 0; top: 0; width: 100%; z-index: 1000; } .header#registration, .header#register { background: url(images/header-bg.png) repeat-x 0 -70px; } .header .nav { float: left; position: absolute; } .header .nav-access { float: right; } /*.header .logo { float: left; margin: -5px 0 0 135px; }*/ .header#register a.logo { float: none; text-align: center; margin: 0 auto !important;} .header#register {text-align: center;} .header#registration a.logo {float: left; margin-left: 15px;} .header .btn-menu { display: none; } /* Tablet Portrait */ @media (max-width: 1023px) { .header .logo { margin-left: 15px; } .header .logo { margin-left: 10px; width: 200px; height: 150px; background-size: 100% auto; } } /* Mobile */ @media (max-width: 767px) { .header { background-image: none; } .header .logo { margin-left: 10px; width: 150px; height: 100px; background-size: 100% auto; } .header .nav-access { margin-right: 10px; } .header .btn-menu { display: inline-block; position: absolute; top: 40px; right: 33px; z-index: 30; } .header .nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 29; padding-top: 50px; text-align: center; opacity: 0; visibility: hidden; transition: opacity 0.3s, visiblity 0.3s; } .header.nav-visible .nav { opacity: 1; visibility: visible; } .header .nav li { float: none; } .header .nav li ~ li { margin-left: 0; } } /* ------------------------------------------------------------ *\ Header Secondary \* ------------------------------------------------------------ */ .header-secondary { position: absolute; left: 0; top: 71px; width: 100%; z-index: 10; } .header-secondary .shell { max-width: 1108px; } .header-secondary .logo { margin-left: 15px; } /* Mobile */ @media (max-width: 767px) { .header-secondary { text-align: center; top: 10px; } .header-secondary .logo { margin: 0; width: 150px; height: 87px; } } /* ------------------------------------------------------------ *\ Main \* ------------------------------------------------------------ */ .main {} /* ------------------------------------------------------------ *\ Footer \* ------------------------------------------------------------ */ .footer { background: #16262e; } .footer .copyright { color: #495459; letter-spacing: -0.04em; font-size: 16px; padding: 20px 0; font-weight: 500; } .footer .copyright a { color: #999; text-decoration: none; } .footer .copyright a:hover { text-decoration: underline; } .footer .footer-bar { background: #13222a; padding: 20px 0; color: #999; } .footer .footer-bar .shell { overflow: hidden; } .footer .footer-nav { float: left; font-size: 14px; font-family: 'Open Sans', sans-serif; margin-top: 9px; } .footer .footer-nav ul { list-style: none; } .footer .footer-nav li { float: left; position: relative; } .footer .footer-nav li ~ li { margin-left: 15px; } .footer .footer-nav li ~ li:before { content: ''; position: absolute; left: -7px; top: 4px; width: 1px; height: 14px; background: #75797b; } .footer .footer-nav a { text-decoration: none; } .footer .footer-nav .current a, .footer .footer-nav a:hover { color: #fff; } .footer .socials { float: right; } /* Mobile */ @media (max-width: 767px) { .footer .footer-bar { padding: 10px; text-align: center; } .footer .footer-nav { float: none; display: block; overflow: hidden; text-align: center; margin-bottom: 10px; } .footer .footer-nav ul { display: inline-block; } .footer .socials { float: none; display: block; } .footer .socials ul { display: inline-block; } .footer .copyright { padding: 0 10px; } } /* ------------------------------------------------------------ *\ Content \* ------------------------------------------------------------ */ .content {} /* ------------------------------------------------------------ *\ Sidebar \* ------------------------------------------------------------ */ .sidebar {} /* ------------------------------------------------------------ *\ III. Themes \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ IV. Modules \* ------------------------------------------------------------ */ /* ------------------------------------------------------------ *\ Article \* ------------------------------------------------------------ */ .article { overflow: hidden; letter-spacing: -0.025em; } .article h2 { margin-bottom: 30px; } .shell .article h2 { text-transform: capitalize; } .article-content p, .article-content ul { font-size: 22px; } .article-content ul { margin-left: 30px; } .article .article-image { float: left; width: 30%; text-align: left;} .article .article-content { float: left; padding: 20px 50px; width: 70%; text-align: left;} .article-alt .article-image {text-align: right;} /*@media(max-width: 1400px){ .article .article-content { float: none; overflow: hidden; } } @media (max-width: 1200px) { .article h2 { font-size: 35px; } .article .article-content { padding: 40px; font-size: 20px; } } @media (max-width: 1023px) { .article .article-image { width: 50%; } .article .article-content { padding: 20px; } } @media (max-width: 767px) { .article h2 { font-size: 28px; margin-bottom: 0; } .article .article-content { padding: 15px; font-size: 16px; } .article .article-image { float: none; width: 100%; height: auto; } .article .article-image img { width: 100%; height: auto; } }*/ /* ------------------------------------------------------------ *\ Article Alit \* ------------------------------------------------------------ */ .article-alt { padding-top: 25px; } .article-alt .article-image { float: right; } .article-alt .article-content { float: right; padding: 0px; } /* @media(max-width: 1400px){ .article-alt .article-content { float: none; overflow: hidden; } } @media (max-width: 1200px) { .article-alt .article-content { padding: 40px; font-size: 20px; } } @media (max-width: 1023px) { .article-alt .article-content { padding: 20px; } } @media (max-width: 767px) { .article .article-content { padding: 15px; } }*/ /* ------------------------------------------------------------ *\ Button \* ------------------------------------------------------------ */ .btn { padding: 6px 12px 2px; display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; } .btn-yellow { /*text-shadow: 0 1px 0 rgba(0,0,0,.5); */font-size: 23px; font-weight: 700; border-radius: 3px; text-transform: uppercase; color: #fff; border: 1px solid #d4ab39; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); background: #f7bb2e; } .btn-yellow:hover { background: #ffd046; } .btn-blue { border: 1px solid #006599; border-radius: 3px; background: #258fd1; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); font-size: 14px; font-weight: 700; text-transform: uppercase; } .btn-blue:hover { text-decoration: none; background: #1970a5; } .btn-menu { display: inline-block; height: 9px; padding-top: 9px; } .btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #069; } .btn-menu span:before, .btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #069; content: ''; left: 0px; } .btn-menu span:before { top: -9px; } .btn-menu span:after { top: 3px; } .btn-menu span:before, .btn-menu span:after, .btn-menu span { transition: all .3s linear; } .btn-menu.active span { border-color: transparent; } .btn-menu.active span:before, .btn-menu.active span:after { background: #e70000; } .btn-menu.active span:before { -webkit-transform: rotate(45deg) translate(2.5px, 6px); -ms-transform: rotate(45deg) translate(2.5px, 6px); transform: rotate(45deg) translate(2.5px, 6px); } .btn-menu.active span:after { -webkit-transform: rotate(-45deg) translate(2.5px, -6px); -ms-transform: rotate(-45deg) translate(2.5px, -6px); transform: rotate(-45deg) translate(2.5px, -6px); } /* ------------------------------------------------------------ *\ Callout \* ------------------------------------------------------------ */ .callout { width: 308px; color: #fff; font-size: 14px; padding: 13px 32px 15px; background: #09c; } .callout h5 { font-size: 24px; font-weight: normal; margin-bottom: 5px; } .callout .callout-actions { text-align: center; padding-top: 10px; } .callout .btn-yellow { background-color: #fdbd31; border-radius: 5px; box-shadow: none; display: inline-block; font-weight: 800; width: 100%; text-align: center; } .callout .btn-yellow:hover { opacity: 0.9; } /* Mobile */ @media (max-width: 767px) { .callout h5 { font-size: 23px; } .callout .btn-yellow { font-size: 13px; } } /* ------------------------------------------------------------ *\ Course \* ------------------------------------------------------------ */ .courses { overflow: hidden; } .course { width: 25%; padding: 0 5px 10px; float: left; color: #fff; font-size: 26px; color: #fff; } .course a { position: relative; display: block; min-height: 300px;} .course img { width: 100%; padding: 0 10px; display: block; vertical-align: top; } .course.course-size1 { width: 33.33333%; } .course.course-size2 { width: 50%; } .course .course-label { position: absolute; left: 0; top: 22px; text-transform: uppercase; color: #fff; font-size: 23px; padding: 5px; background: #5b8a20; } .course .course-caption { position: absolute; left: 0; bottom: 0; width: 100%; padding: 15px 20px; font-size: 18px; } .course a:hover .course-overlay { visibility: visible; opacity: 1; } .course .course-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; } .course .course-overlay img { width: auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* Gradients */ .course .course-caption { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQzIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjQ5Ii8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iOTklIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuNTciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjU1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.08) 13%,rgba(0,0,0,0.43) 50%,rgba(0,0,0,0.49) 59%,rgba(0,0,0,0.5) 98%,rgba(0,0,0,0.57) 99%,rgba(0,0,0,0.55) 100%); } /* Small Desktop */ @media (max-width: 1200px) { .course { width: 33.33%; width: 33.33333%; } .course.course-size1 { width: 50%; } } /* Mobile */ @media (max-width: 767px) { .course { width: 50%; } .course.course-size1, .course.course-size2 { width: 100%; } } /* Mobile Portrait */ @media (max-width: 479px) { .course { width: 100%; } } /* ------------------------------------------------------------ *\ Filter \* ------------------------------------------------------------ */ .filter .form-label { display: inline-block; font-size: 14px; font-weight: 500; color: #fff; vertical-align: middle; } .filter .form-controls { display: inline-block; width: 117px; color: #999; vertical-align: middle; } .filter .form-controls-select { position: relative; } .filter .select-head { height: 32px; line-height: 32px; font-size: 13px; font-weight: 500; color: #999; padding-left: 10px; } .filter select { width: 100%; position: absolute; left: 0; top: 0; width: 100%; opacity: 0; font-size: 14px; height: 32px; line-height: 32px; } /* Mobile */ @media (max-width: 767px) { .filter .form-controls { width: 100px; } .filter .form-label { display: block; } } /* ------------------------------------------------------------ *\ Form Errors \* ------------------------------------------------------------ */ .form-errors{ margin-bottom:40px; } .form-errorlist{ list-style:none; padding:0px; margin:0px; } label.error{ font-weight:normal; font-size:16px; color:#aa0000; display:none !important; } /* ------------------------------------------------------------ *\ Form Elements \* ------------------------------------------------------------ */ input::-webkit-input-placeholder { color: inherit; opacity: 1; } input::-moz-placeholder { color: inherit; opacity: 1; } input:-ms-input-placeholder { color: inherit; opacity: 1; } input::placeholder { color: inherit; opacity: 1; } textarea::-webkit-input-placeholder { color: inherit; opacity: 1; } textarea::-moz-placeholder { color: inherit; opacity: 1; } textarea:-ms-input-placeholder { color: inherit; opacity: 1; } textarea::placeholder { color: inherit; opacity: 1; } input:-webkit-autofill { -webkit-text-fill-color: inherit !important; -webkit-box-shadow: 0 0 0 1000px #fff inset; } .field { width: 100%; border: 1px solid #dbdbdb; border-radius: 2px; background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,248,248,1) 100%); padding: 0 15px; } .textarea {} .radio {} .form-btn { -webkit-appearance: none; } .checkbox { display: inline-block !important;font-size: 13px; text-transform: none; color: #999; font-weight: 500; } .checkbox input { display: none; } .checkbox label { position: relative; padding-left: 22px; line-height:15px;} .checkbox label:before { content: ''; width: 14px; height: 14px; position: absolute; left: 0; top: 0; border: 1px solid #dbdbdb; border-radius: 2px; background-color: #fff; background-image: linear-gradient(bottom, #fff 0%, #f9f8f8 100%); } .checkbox label:after { content: ''; position: absolute; left: 2px; top: -2px; background: url(images/check.png) no-repeat 0 0; width: 14px; height: 13px; display: none; } .checkbox input:checked ~ label:after { display: inline-block; } .radio { font-size: 13px; text-transform: none; color: #666; font-weight: 500; } .radio input { display: none; } .radio label { position: relative; padding-left: 30px; } .radio label:before { content: ''; width: 14px; height: 14px; position: absolute; left: 0; top: 0; border: 1px solid #c9dbe1; background-color: #f7f7f7; box-shadow: inset 1px 2px 5px rgba(0,0,0,.11); border-radius: 50%; overflow: hidden; } .radio label:after { content: ''; width: 6px; height: 6px; border-radius: 50%; overflow: hidden; background: #152630; position: absolute; left: 4px; top: 4px; display: none; } .radio input:checked ~ label:after { display: inline-block; } .asterisk { color: #ff5a00; } .form-controls-select { position: relative; } .form-controls-select .select-head { margin: 0; width: 100%; border-radius: 4px; border: 2px solid #ededed; background: #fff; position: relative; overflow: hidden; padding-left: 10px; } .form-controls-select .select-head:before { content: ''; width: 20px; position: absolute; right: 0; top: 0; bottom: 0; background: #ebebeb; } .form-controls-select .select-head:after { content: ''; background: url(images/select.png) no-repeat 0 0; width: 6px; height: 12px; position: absolute; right: 5px; top: 50%; margin-top: -6px; } /*.form-controls-select select { position: absolute; left: 0; top: 0; width: 100%; bottom: 0; }*/ .form-controls-select select {width: 100%;} /* ------------------------------------------------------------ *\ Form Login \* ------------------------------------------------------------ */ .form-login { color: #666; padding: 0 37px; } .form-login input::-webkit-input-placeholder { text-transform: uppercase; font-weight: 500; } .form-login input::-moz-placeholder { text-transform: uppercase; font-weight: 500; } .form-login input:-ms-input-placeholder { text-transform: uppercase; font-weight: 500; } .form-login input::placeholder { text-transform: uppercase; font-weight: 500; } .form-login .field { height: 38px; line-height: 38px; padding: 0 10px; } .form-login .form-btn { position: relative; right: 0; top: 0; background-color: #fdbd31; border: 1px solid #d6aa24; border-radius: 3px; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); font-weight: 700; text-transform: uppercase; color: #fff; font-size: 14px; text-shadow: 0 -1px 0 rgba(0,0,0,.23); display: inline-block; width: 112px; height: 35px; line-height: 35px; } .form-login .checkbox { text-align: left; padding-top: 12px; float: left; } .form-login .form-actions { margin-top: 16px; position: relative; text-align: right; } .form-login .form-actions a { margin-top: 20px; text-align: right; display: inline-block; color: #1e7db7; font-size: 16px; text-decoration: underline; font-weight: normal; text-transform: none; } .form-login .form-row ~ .form-row { margin-top: 19px; } /* Mobile */ @media (max-width: 767px) { .form-login { padding: 0 15px; } } /* ------------------------------------------------------------ *\ Form Register \* ------------------------------------------------------------ */ .form-register { font-size: 14px; font-weight: 500; padding-bottom: 10px; } .form-register h3 { color: #2590d1; font-size: 28px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px; } .form-register .form-head { padding-bottom: 18px; border-bottom: 1px solid #f2f2f2; text-align: left; } .form-register .form-body { overflow: hidden; padding-top: 20px; } .form-register .form-actions { padding-top: 12px; } .form-register .form-row { margin-bottom: 15px; } .form-register .form-btn { font-size: 14px; padding: 0 15px; height: 35px; line-height: 35px; } .form-register .field { height: 38px; line-height: 38px; font-size: 16px; padding-left: 10px; } .form-register .field::-webkit-input-placeholder { font-weight: 500; text-transform: uppercase; } .form-register .field::-moz-placeholder { font-weight: 500; text-transform: uppercase; } .form-register .field:-ms-input-placeholder { font-weight: 500; text-transform: uppercase; } .form-register .field::placeholder { font-weight: 500; text-transform: uppercase; } .form-register .form-group:first-child { float: left; text-align: left; width: 100%; } .form-register .form-group { overflow: hidden; } .form-register .socials { background: #f2f2f2; font-weight: 500; color: #999; text-transform: uppercase; font-size: 12px; text-align: left; padding: 12px 14px 10px; margin-right: 12px; overflow: hidden; } .form-register .socials li ~ li { margin-left: 6px; } .form-register .socials p { display: inline; margin: 5px 5px 0; padding-left: 4px; vertical-align: baseline; } .form-register .socials ul { display: inline-block; vertical-align: middle; } /* Mobile */ @media (max-width: 767px) { .form-register { font-size: 13px; } .form-register h3 { font-size: 21px; } .form-register .form-group:first-child { width: 100%; float: none; margin: 0; } .form-register .socials { margin: 0; text-align: center; } .form-register .socials ul, .form-register .socials p { float: none; } .form-register .socials ul { display: inline-block; margin-top: 10px; } } /* ------------------------------------------------------------ *\ Form Profile \* ------------------------------------------------------------ */ .form-profile { font-size: 14px; } .form-profile h4 { font-weight: normal; color: #15262f; font-size: 16px; padding-bottom: 14px; margin-bottom: 11px; border-bottom: 1px solid #e5e5e5; } .form-profile .form-body { padding: 28px 22px 20px; overflow: hidden; } .form-profile .form-actions { background: #ebebeb; overflow: hidden; padding: 17px 0; } .form-profile .form-group { float: left; width: 50%; padding: 0 16px; text-align: left; } .form-profile .form-group-head { color: #999; text-align: left; } .form-profile .form-group-body { margin-top: 31px; } .form-profile .form-label { min-width: 90px; float: left; text-align: left; margin: 3px 11px 0 0; width: 270px; font-weight: 500;} .full-width-label{ min-width: 100% !important; width: auto;} .form-profile .form-row { text-align: left; margin-bottom: 22px; } .form-profile .select-head, .form-profile .field { height: 28px; line-height: 28px; padding-left: 5px; } .form-profile .field-small { max-width: 122px; } .form-profile .form-controls { text-align: left; overflow: hidden; max-width: 237px; width:200px; float: right;} .form-profile .form-btn { box-shadow: none;border: 0; margin: 0 31px; color: #fff; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,.23); font-size: 14px; font-weight: 700; } .form-profile .form-btn:hover { opacity: 0.8; } .form-profile .form-btn-prev { background: url(images/btn-prev.png) no-repeat 0 0; width: 129px; height: 36px; float: left; text-align: right; padding-right: 30px; padding-top: 0px; } .form-profile .form-btn-next { background: url(images/btn-next.png) no-repeat 0 0; width: 129px; height: 36px; float: right; text-align: left; padding-left: 40px; } a.tip {display: inline-block; margin-left: 10px; font-size: 16px; } /* Mobile */ @media (max-width: 767px) { .form-profile h4 { padding-bottom: 0; } .form-profile .form-group { float: none; width: 100%; padding: 0; } .form-profile .form-controls { max-width: 100%; } .form-profile .form-btn { margin: 0 10px; } .form-profile .form-group-body { margin-top: 10px; } } /* ------------------------------------------------------------ *\ Intro \* ------------------------------------------------------------ */ .intro { text-align: center; color: #fff; background: url(images/container.jpg) no-repeat center 0; background-size: cover; min-height: 740px; position: relative; } .intro .intro-head { font-size: 32px; letter-spacing: -0.025em; text-transform: uppercase; position: absolute; left: 0; top: 35%; width: 100%; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } .intro .intro-head p { line-height: 1; } .intro .intro-title { font-weight: 500; text-transform: uppercase; display: inline-block; position: relative; margin-bottom: 0; line-height: 1.43; font-size: 60px; } .intro .intro-title span { display: inline-block; position: relative; } .intro .intro-title span:after { content: ''; position: absolute; bottom: 15px; left: 0; width: 100%; height: 3px; background: #fff; } .intro .intro-title:before { content: ''; height: 4px; width: 519px; background: #30c5ff; position: absolute; bottom: 100%; left: 0; } .intro .intro-title i { position: absolute; left: 515px; top: -22px; } .intro .intro-para {text-transform: none;font-size: 18px;text-align: center} .intro .intro-para-div {display: inline-block;} /* Tablet Portrait */ @media (max-width: 1023px) { .intro .intro-title:before { width: 400px; } .intro .intro-title i { left: 395px; } } /* Mobile */ @media (max-width: 767px) { .intro { min-height: 300px; padding-top: 145px; } .intro .intro-head { font-size: 20px; position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .intro .intro-title span:after { bottom: 0; } .intro .intro-title { padding-top: 10px; } .intro .intro-title:before { width: 50px; } .intro .intro-title i { left: 45px; } } /* ------------------------------------------------------------ *\ List \* ------------------------------------------------------------ */ [class^="list-"] { list-style: none outside none; } /* ------------------------------------------------------------ *\ Logo \* ------------------------------------------------------------ */ .logo { display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .logo-blue-small { margin-left: 13px; margin-top: 5px; } .logo-blue { background: url(images/logo.png) no-repeat 0 0; width: 235px; height: 169px; margin-left: 235px; } .logo-blue.logged-in {margin-left: 0px;} .logo-blue-small { position: absolute; background-image: url(images/sprite2.png); background-position: -153px -120px; width: 128px; height: 46px; display: inline-block; vertical-align: middle; font-size: 0; } .logo-blue-secondary { background: url(images/logo-blue.png) no-repeat 0 0; width: 247px; height: 148px; } .logo-white { background: url(images/logo-white.png) no-repeat 0 0; width: 247px; height: 148px; } .logo-white-small { width: 197px; height: 118px; background-size: 100% auto; } /* ------------------------------------------------------------ *\ Nav \* ------------------------------------------------------------ */ .nav { color: #fff; font-weight: 700; text-transform: uppercase; font-size: 18px; } .nav ul { list-style: none; } .nav li { float: left; padding: 18px 5px 0; position: relative; } .nav li ~ li { margin-left: 35px; } .nav a { text-decoration: none; } .nav a:after { content: ''; position: absolute; left: 0; bottom: 100%; width: 100%; height: 6px; background: #f4bb44; opacity: 0; } .nav a:hover:after, .nav ul li.current a:after { opacity: 1; } .nav .current a, .nav a:hover { color: #f4bb44; } .nav a, .nav a:after { transition: opacity 0.3s, color 0.3s; } nav.navbar { padding: 0px; margin: 0px; } .wrapper-secondary { z-index: 1001; position: relative; } .bar { height: 68px; } .bar #brand-user-nav { margin-right: 0px; } .bar .navbar-collapse { padding-left: 0px; padding-right: 0px; } #brand-user-nav li a { color: #363f44 !important; display: block !important; line-height: 65px; padding: 0 15px !important; text-decoration: none; } #brand-user-nav.nav { color: #fff; font-family: "franklin-gothic-urw",sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; } #brand-user-nav li a i { display: block; line-height: 65px; } .global-bar.nav.access a span, #brand-user-nav a.dropdown-toggle span, #brand-user-nav a { font-family: "franklin-gothic-urw",sans-serif !important; } /* ------------------------------------------------------------ *\ Nav Access \* ------------------------------------------------------------ */ .nav-access { color: #fff; font-weight: 700; background: #156596; font-size: 18px; text-transform: uppercase; } .nav-access > ul { list-style: none; } .nav-access > ul > li { float: left; position: relative; z-index: 1; } .nav-access > ul > li:first-child { z-index: 3; } .nav-access > ul > li ~ li:before { content: ''; background: #338fce; position: absolute; left: 0; top: -5px; bottom: 0; width: 1px; } .nav-access > ul > li > a { display: inline-block; padding: 5px 15px; text-decoration: none; transition: all 0.3s; background: #156596; border-left: 1px solid #338fce; margin-left: -5px;} .nav-access > ul > li > a:first-of-type { border-left: none;} .nav-access a:hover { color: #f4bb44; } .nav-access a:focus, .nav-access a:active { color: white; } .nav-access .dropdown { position: absolute; background: #fff; color: #000; width: 350px; right: 0; bottom: 130%; z-index: 1; padding: 40px 0 30px; transition: all 0.3s; border-width: 2px 2px 0; border-style: solid; border-color: #dcdcdc #dcdcdc #069; } .nav-access .dropdown:after { content: ''; position: absolute; bottom: 0; left: -2px; right: -2px; height: 9px; background: #069; } .nav-access .dropdown-visible > a { -webkit-transform: translateY(255px); -ms-transform: translateY(255px); transform: translateY(255px); } .nav-access .dropdown-visible .dropdown { -webkit-transform: translateY(268px); -ms-transform: translateY(268px); transform: translateY(268px); } .nav-access .socials { background: #f2f2f2; font-weight: 500; color: #999; text-transform: uppercase; font-size: 13px; text-align: right; margin-top: 24px; } .nav-access .socials li ~ li { margin-left: 6px; } .nav-access .socials p, .nav-access .socials ul { display: inline-block; vertical-align: middle; margin: 0; } .nav-access .socials ul { margin-left: 6px; } /* Mobile */ @media (max-width: 767px) { .nav-access { font-size: 15px; } .nav-access .dropdown { width: 300px; } /* .nav-access .dropdown-visible > a { -webkit-transform: translateY(322px); -ms-transform: translateY(322px); transform: translateY(322px); } .nav-access .dropdown-visible .dropdown { -webkit-transform: translateY(332px); -ms-transform: translateY(332px); transform: translateY(332px); } */ .nav-access > ul > li > a { padding: 0 5px 5px; } } /* ------------------------------------------------------------ *\ Search \* ------------------------------------------------------------ */ .search { position: relative; } .search .search-field { height: 37px; line-height: 37px; width: 100%; border-radius: 5px; border: 1px solid #dbdbdb; color: #999; font-size: 16px; padding: 0 85px 0 15px; } .search .search-field { background: rgb(255,255,255); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY4ZjgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(249,248,248,1) 100%); } .search .search-field::-webkit-input-placeholder { text-transform: uppercase; font-size: 16px; font-weight: 500; } .search .search-field::-moz-placeholder { text-transform: uppercase; font-size: 16px; font-weight: 500; } .search .search-field:-ms-input-placeholder { text-transform: uppercase; font-size: 16px; font-weight: 500; } .search .search-field::placeholder { text-transform: uppercase; font-size: 16px; font-weight: 500; } .search .search-btn { width: 80px; height: 35px; line-height: 35px; background: #3a95d5; box-shadow: 0 1px 2px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.22); border-radius: 0 2px 2px 0; font-size: 14px; text-shadow: 0 -1px 0 rgba(0,0,0,.23); font-weight: 700; text-transform: uppercase; color: #fff; display: inline-block; border: 0; position: absolute; right: 1px; top: 3px; } .search .search-btn:hover { background: #0a4772; } /* ------------------------------------------------------------ *\ Section Partners \* ------------------------------------------------------------ */ #hero { position: relative; } .section-partners { text-align: center; position: absolute; width: 100%; background-color: white; z-index: 10; bottom: -2px; } .section-partners > * { vertical-align: middle; } .section-partners .shell { max-width: 1600px; } .section-partners .section-body { padding: 0; } .section-partners ul { list-style: none; overflow: hidden; font-size: 0; } .section-partners li { display: inline-block; width: 14.28%; text-align: center; vertical-align: middle; } .section-partners img { max-width: 100%; height: auto; -webkit-filter: grayscale(100%); filter: grayscale(100%); /*opacity: .7;*/ filter: url("data:image/svg+xml;utf8,#greyscale"); } .section-partners a { width: 200px; height:150px; display: table-cell; vertical-align: middle; } .section-partners .item { position:relative; margin: 0 20px; } /* Mobile */ @media (max-width: 767px) { .section-partners .section-body { padding: 15px 0; } .section-partners li { width: 28.56%; padding: 9px; } } /* ------------------------------------------------------------ *\ Section Articles \* ------------------------------------------------------------ */ .section-articles { background: #f8f8f8; border-width: 1px 0; border-style: solid; border-color: #ccc; padding-bottom: 82px; } .section-articles .shell { max-width: 1600px; } /* Mobile */ @media (max-width: 767px) { .section-articles { padding-bottom: 15px; } } /* ------------------------------------------------------------ *\ Section Library \* ------------------------------------------------------------ */ .section-library { padding: 25px 0 50px; } .section-library .shell { max-width: 1600px; } .section-library .section-head { text-align: center; letter-spacing: -0.025em; color: #2c2c2c; margin-bottom: 20px; } .section-library .section-body { overflow: hidden; padding-top: 26px; } .section-library .section-title { letter-spacing: -0.025em; } .section-library .section-actions { text-align: center; margin-top: 40px; } .section-library .section-actions .btn-yellow { width: 100%; line-height: 45px; max-width: 258px; height: 57px; font-size: 20px; margin: 0 auto; } /* Mobile */ @media (max-width: 767px) { .section-library { padding: 15px 10px; } .section-library .section-actions { margin-top: 15px; } .section-library .section-actions .btn-yellow { font-size: 19px; line-height: 40px; height: 40px; } } /* ------------------------------------------------------------ *\ Section Courses \* ------------------------------------------------------------ */ .section-courses { background: #f8f8f8; position: relative; z-index: 20; } .section-courses:before { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 108px; background: #15262f; z-index: -1; } .section-courses .shell { position: relative; max-width: 1114px; } .section-courses .section-head { bottom: 100%; left: 0; width: 100%; background: #069; overflow: hidden; color: #fff; padding: 18px 22px 18px 28px; } .section-courses .section-title { float: left; font-weight: normal; font-size: 24px; text-transform: uppercase; } .section-courses .section-body { background: #e8e6e6; overflow: hidden; border-width: 0 1px; border-style: solid; border-color: #ccc; } .section-courses .section-aside { background: #fff; float: left; width: 276px; } .section-courses .section-content { overflow: hidden; background: #fff; padding: 10px 5px; border-left: 1px solid #ccc; } .section-courses .section-actions { text-align: center; padding: 30px 15px; } .section-courses .section-actions .btn-yellow { display: block; height: 57px; line-height: 45px; text-transform: uppercase; font-size: 19px; font-weight: 600; } .section-courses .section-head .filter { float: right; } .section-courses .course-caption { font-size: 18px; } .section-courses .course-overlay img { max-width: 60%; } /* Tablet Portrait */ @media (max-width: 1023px) { .section-courses .section-aside { width: 250px; } .section-courses .section-head { position: static; padding: 10px; } .section-courses .section-title { font-size: 18px; margin-top: 16px; } .section-courses .section-actions { padding: 15px; } .section-courses .section-actions .btn-yellow { font-size: 20px; } } /* Mobile */ @media (max-width: 767px) { .section-courses .section-aside { width: 100%; float: none; } } /* ------------------------------------------------------------ *\ Section Login \* ------------------------------------------------------------ */ .section-login { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-backface-visibility: hidden; } .section-login .shell { max-width: 700px; } .section-login .section-body { /*border: 1px solid #dcdcdc; */background: #f1f1f1; box-shadow: 0 2px 5px rgba(0,0,0,.08); position: relative; margin-top: 78px; } .section-login .section-image { text-align: center; } .section-login .section-content { position: absolute; background: #fff; color: #000; width: 350px; left: 36px; top: -8px; z-index: 1; padding: 40px 0 40px; /*border-width: 2px 2px 0; border-style: solid; border-color: #dcdcdc #dcdcdc #069;*/ box-shadow: 0 2px 5px rgba(0,0,0,.08); } .section-login .socials {font-weight: 500; color: #999; text-transform: uppercase; font-size: 13px; text-align: right; padding: 12px 14px 10px; margin-top: 24px; } .section-login .socials li ~ li { margin-left: 6px; } .section-login .socials p, .section-login .socials ul { display: inline-block; vertical-align: middle; margin: 0; } .section-login .socials ul { margin-left: 6px; } .section-login .form-login .field { font-size: 18px; } .section-login .section-entry { max-width: 334px; margin-left: auto; text-align: center; font-size: 14px; color: #626262; padding: 16px 30px 25px; } .section-login .section-entry h4 { color: #2590d1; font-weight: 500; text-transform: uppercase; font-size: 28px; margin-bottom: 11px; } .section-login .section-entry p { margin-bottom: 15px; } .section-login .section-entry .btn-blue { color: #fff; height: 35px; /*line-height: 35px;*/ max-width: 112px; width: 100%; font-weight: 800; } /* Mobile */ @media (max-width: 767px) { .section-login { position: static; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 10px; } .section-login .logo { width: 150px; height: 100px; background-size: 100% auto; } .section-login .section-body { margin-top: 10px; } .section-login .section-content { position: static; width: 100%; padding-top: 25px; } .section-login .section-entry { max-width: 100%; } .section-login .section-entry h4 { font-size: 24px; margin-bottom: 0; } .section-login .form-login .field { font-size: 16px; } } /* ------------------------------------------------------------ *\ Section Register \* ------------------------------------------------------------ */ .section-register { position: absolute; top: 400px; left: 0; width: 100%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); -webkit-backface-visibility: hidden; } .section-register .shell { max-width: 730px; } .section-register .section-body { border: 1px solid #dcdcdc; background-color: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.08); padding: 22px 30px; position: relative; margin-top: 32px; } .section-register .section-image { text-align: center; } .section-register .section-actions { position: absolute; bottom: 100%; right: 25px; top: 22px; } .section-register .section-actions .btn-yellow { width:224px; height: 35px; /*line-height: 35px;*/ font-weight: 800; font-size: 14px; margin-bottom: -17px; display: block; text-align: center; } /* Mobile */ @media (max-width: 767px) { .section-register { position: static; -webkit-transform: none; -ms-transform: none; transform: none; padding-top: 10px; } .section-register .logo { width: 150px; height: 100px; background-size: 100% auto; } .section-register .section-body { margin-top: 20px; padding: 22px 15px; } } /* ------------------------------------------------------------ *\ Section Profile \* ------------------------------------------------------------ */ .section-profile { box-shadow: 0 2px 5px rgba(0,0,0,.08); padding-top: 228px; } .section-profile .section-head, .section-profile .section-body { background: #fff; } .section-profile .shell { max-width: 1108px; } .section-profile .section-head { border-width: 1px 1px 0; border-style: solid; border-color: #dcdcdc; padding: 9px 26px; position: relative; } .section-profile .section-title { text-align: left; color: #15262f; font-size: 24px; font-weight: 500; margin: 10px 0 10px; } .section-profile .callout { position: absolute; bottom: 100%; right: 42px; -webkit-transform: translateY(24px); -ms-transform: translateY(24px); transform: translateY(24px); } /* Mobile */ @media (max-width: 767px) { .section-profile { padding-top: 120px; } .section-profile .section-head { padding: 10px 0; } .section-profile .section-title { font-size: 20px; margin: 0; padding: 0 10px; } .section-profile .callout { position: static; -webkit-transform: none; -ms-transform: none; transform: none; margin: 0; width: 100%; padding: 10px 10px 15px; } } /* ------------------------------------------------------------ *\ Slider Testimonials \* ------------------------------------------------------------ */ .slider-testimonials { background: #fff; border-top: 1px solid #ccc; padding: 62px 0 0; position: relative; } .slider-testimonials:before { content: ''; height: 81px; position: absolute; bottom: 0; left: 0; width: 100%; border-top: 8px solid #fff; background: #16262e; } .slider-testimonials .shell { max-width: 1000px; } .slider-testimonials .slider-clip { box-shadow: 0 0 5px rgba(0,0,0,.35); } .slider-testimonials .slides { list-style: none; position: relative; } .slider-testimonials .slide { overflow: hidden; position: relative; color: #fff; height: 300px; } /*.slider-testimonials .slide-image { float: left; width: 60%;}*/ .slider-testimonials .slide-content { width: 100%; background: #30c5ff; position: absolute; right: 0; top: 0; height: 100%; padding: 20px 30px; } .slider-testimonials .slide-title { position: absolute; top: 45px; left: 42px; right: 20px; letter-spacing: -0.025em; } .slider-testimonials .slide-entry { position: relative; /*bottom: 30px; left: 44px; right: 44px;*/ } .slider-testimonials .slide-entry h4 { letter-spacing: -0.025em; margin-bottom: 0; } .slider-testimonials .slide-entry p { color: #2592bd; font-size: 20px; } .slider-testimonials .slide-entry .lead { color: #fff; margin-bottom: 20px; line-height: 1; } .slider-testimonials .slide-image { display: none;} .slider-testimonials .owl-carousel .owl-item { -webkit-backface-visibility: visible; } .slider-testimonials .owl-dots { position: absolute; bottom: 10px; left: 25px; } .slider-testimonials .owl-dot { width: 10px; height: 10px; border-radius: 50%; overflow: hidden; background: #28b5ec; display: inline-block; margin-right: 5px; } .slider-testimonials .owl-dot.active, .slider-testimonials .owl-dot:hover { background: #1995c5; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-testimonials .slide-entry { font-size: 16px; } .slider-testimonials .slide-title { font-size: 40px; top: 30px; left: 30px; } } /* Mobile */ @media (max-width: 767px) { .slider-testimonials { background: #30c5ff; padding-top: 0; margin-top: 20px; } .slider-testimonials .slide-image { float: none; width: 100%; } .slider-testimonials .slide-image img { width: 100%; height: auto; } .slider-testimonials .slide-content { float: none; width: 100%; position: static; } .slider-testimonials .slide-title, .slider-testimonials .slide-entry { position: static; } .slider-testimonials .slide-entry { padding-bottom: 30px; } .slider-testimonials:before { display: none; } .slider-testimonials .owl-dots { bottom: 5px; top: auto; left: 0; text-align: center; width: 100%; } } /* ------------------------------------------------------------ *\ Slider Partners \* ------------------------------------------------------------ */ .slider-partners { padding: 59px 0 47px; } .slider-partners .slider-clip { margin-top: 34px; } .slider-partners .slides { list-style: none; position: relative; } .slider-partners .slider-title { text-align: center; color: #2099c9; font-weight: normal; margin-bottom: 50px; font-size: 28px; text-transform: uppercase; width: 100%;} .slider-partners .slider-title a { text-decoration: underline; width: 100%; text-align: center; display: block; height: inherit; } .slider-partners .slide-image { position: relative; min-height: 100px; position: relative; } .slider-partners .slide-image img { vertical-align: middle; } .slider-partners .owl-carousel .owl-item { -webkit-backface-visibility: visible; } .slider-partners .owl-dots { text-align: center; position: absolute; bottom: -27px; left: 0; width: 100%; } .slider-partners .owl-dot { width: 10px; height: 10px; border-radius: 50%; overflow: hidden; background: #1b5167; display: inline-block; margin: 0 2px; } .slider-partners .owl-dot.active, .slider-partners .owl-dot:hover { background: #17485c; } .slider-partners img { max-width: 100%; height: auto; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); opacity: .3; } .slider-partners a { width: 200px; height:150px; display: table-cell; vertical-align: middle; } /* Mobile */ @media (max-width: 767px) { .slider-partners { padding: 15px 10px 20px; } .slider-partners .owl-dots { bottom: -10px; } } /* ------------------------------------------------------------ *\ Slider Intro \* ------------------------------------------------------------ */ .slider-intro { min-height: 400px; } .slider-intro img { width: 100%; height: 900px; } .slider-intro h5 { font-weight: normal; font-size: 24px; margin: 0; line-height: 1; } .slider-intro .owl-carousel .owl-item { -webkit-backface-visibility: visible; } .slider-intro .slides { list-style: none; position: relative; } .slider-intro .slide { position: relative; } .slider-intro .slide-image { overflow: hidden; } .slider-intro .slide-content { text-align: center; position: absolute; left: 0; top: 45%; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); width: 100%; color: #fff; } .slider-intro .slide-title { font-weight: normal; line-height: 1.1; margin: 0px;} .slider-intro .slide-actions { margin-top: 19px; } .slider-intro .btn-yellow { width: 175px; text-transform: uppercase; letter-spacing: -0.025em; font-size:18px; } .slider-intro .owl-dots { display: none; } .btn { line-height: 40px; } .slider-intro .owl-next, .slider-intro .owl-prev { position: absolute; top: 50%; margin-top: 22px; } .slider-intro .owl-next { right: 100px; } .slider-intro .owl-prev { left: 100px; } /* Tablet Portrait */ @media (max-width: 1023px) { .slider-intro .slide-image { max-height: none; } .slider-intro .owl-prev { left: 20px; } .slider-intro .owl-next { right: 20px; } .slider-intro .slide-title { font-size: 45px; } .slider-intro .slide-content { -webkit-transform: none; -ms-transform: none; transform: none; } } /* Mobile */ @media (max-width: 767px) { .slider-intro .owl-prev { left: 10px; } .slider-intro .owl-next { right: 10px; } .slider-intro .slide-image { max-height: 400px; } .slider-intro .slide-image img { width: auto; height: auto; max-width: none; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .slider-intro .slide-content { top: 43%; padding: 0 40px; } .slider-intro .slide-title { font-size: 32px; } .slider-intro .owl-next, .slider-intro .owl-prev { top: 50%; } } /* ------------------------------------------------------------ *\ Socials \* ------------------------------------------------------------ */ .socials {display: none;} .socials ul { list-style: none; overflow: hidden; } .socials li { float: left; } .socials li ~ li { margin-left: 12px; } .socials a { text-decoration: none; display: inline-block; transition: opacity 0.3s; } .socials a:hover { opacity: 0.7; } /* ------------------------------------------------------------ *\ Tabs \* ------------------------------------------------------------ */ .tabs .tabs-nav { font-size: 12px; color: #90adc4; border-top: 1px solid #dcdcdc; } .tabs .tabs-nav ul { list-style: none; font-size: 0; } .tabs .tabs-nav li { display: inline-block; font-size: 12px; width: 25%; background: #d8e8f5; text-align: center; padding: 12px; min-height: 113px; position: relative; vertical-align: top; } .tabs .tabs-nav li i.fa {font-size: 40px;} .tabs .tabs-nav li ~ li { border-left: 1px solid #dcdcdc; } .tabs .tabs-nav h6 { font-size: 16px; text-transform: uppercase; font-weight: 500; color: #222; margin: 5px 0 0; line-height: 1.3; padding: 0 10px } .tabs .tabs-nav p { line-height: 1; } .tabs .tabs-nav span { display: inline-block; position: relative; } .tabs .tabs-nav .success { background: #93cf5d !important; color: #639536; } .tabs .tabs-nav .success span:after { content: ''; background: url(images/success.png) no-repeat 0 0; width: 19px; height: 15px; position: absolute; left: 100%; top: 50%; margin: -7px 0 0 5px; } .tabs .tabs-nav .success h6 { color: #639536; } .tabs .tabs-nav .current { color: #fff; background: #09c; } .tabs .tabs-nav .current:after { content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-66%); -ms-transform: translateX(-66%); transform: translateX(-66%); border-top: 15px solid #09c; border-left: 15px solid transparent; border-right: 15px solid transparent; } .tabs .tabs-nav .success.current:after { content: ''; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-66%); -ms-transform: translateX(-66%); transform: translateX(-66%); border-top: 15px solid #93cf5d; border-left: 15px solid transparent; border-right: 15px solid transparent; } .tabs .tabs-nav .current h6 { color: #fff; } /* Mobile */ @media (min-width: 767px) { .intro .intro-para-div {display: inline-block; width: 90%} } @media (min-width: 1280px) { .intro .intro-para-div {display: inline-block; width: 50%} .intro .intro-para-div p {font-size: 25px;font-weight: 500} } @media (max-width: 767px) { .tabs .tabs-nav h6 { font-size: 15px; } .tabs .tabs-nav li { min-height: 80px; width: 50%; padding: 10px 5px; } .tabs .tabs-nav p { display: none; } .tabs .tabs-nav .current:after { display: none; } } /* ------------------------------------------------------------ *\ Table \* ------------------------------------------------------------ */ .table {} /* ------------------------------------------------------------ *\ Widget \* ------------------------------------------------------------ */ .widgets { list-style: none outside none; } /* ------------------------------------------------------------ *\ Widget Filter \* ------------------------------------------------------------ */ .widget-filter { border-bottom: 1px solid #f6f6f6; padding:14px 22px 22px 22px; text-align: left; } .widget-filter ~ .widget-filter { border-top: 1px solid #f1f1f1; } .widget-filter .widget-title { font-size: 14px; font-weight: bold; position: relative; cursor: pointer; padding: 0 0px; } .widget-filter .widget-title:after { content: ''; position: absolute; right: 6px; top: 2px; border-top: 10px solid #ddd; border-left: 5px solid transparent; border-right: 5px solid transparent; } .widget-filter .widget-body { padding: 10px 0 15px; display: none; } .widget-filter .widget-body { list-style: disc; margin: 0;} .widget-filter .search { margin-top: 10px; } .widget-filter .checkbox { color: #666; font-size: 13px; font-weight: normal; margin: 0px; } .widget-filter .list-radios { padding-left: 5px; } .widget-filter.visible .widget-body { display: block !important; } /* Mobile */ @media (max-width: 767px) { .widget-filter { padding: 10px; } } /* Courses Panel Tabs */ .section-courses .section-head{ padding:0px; } a.panel-tab{ display:block; float:left; padding:22px 24px; background:#004B71; border-right:1px solid #000; text-align:center; color:#fff; font-size:18px; text-decoration:none; text-transform:uppercase; } a.panel-tab.active{ background:#fff; color:#006699; border-left:1px solid #ccc; } .panel { margin-bottom: 0; } /* course new flag */ div.course-new{ position:absolute; top:0px; left:0; z-index:9999; padding:6px 8px 3px; line-height: 20px; display: block; background:green; color:#fff; font-size:14px; text-align:center; text-decoration:none; text-transform:uppercase; } /* form errors */ div.errors-alert{ padding:40px; font-size:14px; } ul.errors-list{ list-style:none; margin:0px; padding:0px; color:#aa0000; } /* ------------------------------------------------------------ *\ Brand Header User Menu \* ------------------------------------------------------------ */ /*.bar { padding-bottom: 15px; }*/ .bg-danger { background-color: #f05050; color: #ffffff !important; } .badge.up { position: relative; top: -10px; padding: 3px 6px; margin-left: -10px; } .badge-sm { font-size: 85%; padding: 2px 5px !important; } .avatar img { border-radius: 500px; width: 100%; } .thumb-sm { width: 40px !important; display: inline-block !important; } #brand-user-notify{ height:70px !important; /*line-height:40px !important;*/ } #brand-user-nav{ margin-right: 0px; } .global-bar.nav.access a span, #brand-user-nav a.dropdown-toggle span{ font-size:14px !important; color:#363f44 !important; display: inline-block; } #brand-user-nav a.dropdown-toggle span.hidden-sm.hidden-md { display: inline-block; padding-top: 7px; } .global-bar.nav.access li { padding: 0 !important; } .global-bar.nav.access .link a { height: 70px !important; } .global-bar.nav.access .link a span { /*padding-top: 7px;*/ display: inline-block; } #brand-user-nav li{ margin-left:0px; border-left: 1px solid #eee; } #brand-user-nav ul.dropdown-menu{ min-width:196px; } #brand-user-nav ul.dropdown-menu li{ float:none; margin-left:0px; } #brand-user-nav ul.dropdown-menu li.divider{ height: 1px !important; margin: 0 !important; overflow: hidden !important; background-color: #e5e5e5 !important; } #brand-user-nav .caret{ margin-right:8px; } #brand-user-nav li a { display:block !important; color:#363f44 !important; /* line-height: 23px; padding-bottom: 21px;*/ } #brand-user-nav ul.dropdown-menu li a { display:block !important; color:#363f44 !important; padding: 5px 15px !important; line-height: inherit !important; } #brand-user-nav li:hover a, #brand-user-nav ul.dropdown-menu li a:hover, #brand-user-nav ul.dropdown-menu li a.current{ color:#363f44 !important; border-bottom:none !important; } #brand-user-nav div.dropdown-menu .panel{ min-width:300px !important; margin-bottom:0px !important; padding:0px !important; } #brand-user-nav div.dropdown-menu .panel .panel-heading{ border-color: #edf1f2 !important; background-color: #edf1f2 !important; color: #58666e !important; border-radius: 2px 2px 0 0 !important; padding: 10px 15px !important; border-bottom: 1px solid transparent !important; } #brand-user-nav div.dropdown-menu .panel .panel-footer{ border-color: #edf1f2 !important; background-color: #ffffff !important; color: #58666e !important; border-radius: 2px 2px 0 0 !important; padding: 10px 15px !important; border-bottom: 1px solid transparent !important; margin-top:16px !important; } #brand-user-nav div.dropdown-menu .panel .list-group{ font-size:13px !important; } #brand-user-nav div.dropdown-menu .panel .list-group .list-group-item, #brand-user-nav div.dropdown-menu .panel .list-group .list-group-item:hover { margin-bottom: -16px !important; border-top: 1px solid #ddd !important; border-bottom: 1px solid #ddd !important; border-left:none !important; border-right:none !important; } #brand-user-nav div.dropdown-menu .panel .list-group a{ color:#363f44 !important; } #brand-user-nav div.dropdown-menu .panel .panel-footer a{ font-size:13px !important; color:#363f44 !important; } /* sort box on courses page */ label.sort-label { color: #fff; display: block; float: left; font-size: 18px; font-weight: normal; line-height: 67px; padding: 0 10px; text-decoration: none; text-transform: uppercase; } select.sort-select{ display: inline-block; font-size: 16px; } .sort { line-height: 60px; position: absolute; right: 20px; top: 0; } /* MEDIA REFERENCES */ @media (max-width: 1280px) { header.header { padding: 0 10px; } #hero h1.intro-title { font-size: 62px; } #hero .intro-head p { font-size: 26px; } .article .article-content { padding: 0 50px; } .article .article-content h2 { font-size: 40px; } .article .article-content p, .article .article-content ul { font-size: 18px; } .article .article-content {padding-right: 50px !important;} .article-alt .article-content {padding-left: 50px !important; } /* .slide-image { display: none; }*/ } @media (max-width: 1024px) { .nav, .nav-access > ul > li > a { font-size: 14px; } .nav li ~ li { margin-left: 15px; } .article .article-content { padding: 0 40px; } .article .article-content h2 { font-size: 30px; } .article .article-content p, .article .article-content ul { font-size: 16px; } a.panel-tab { font-size: 16px; } .article .article-image, .article .article-image img { width: 100%; } .article .article-content { width: 100%; } .article .article-content { padding: 30px 40px !important; } .slider-testimonials { padding: 0px !important; margin: 0px !important; } .slider-intro img { width: 100%; height: 576px; } } @media (max-width: 767px) { #hero h1.intro-title { font-size: 40px; line-height: 40px; margin-bottom: 20px; padding: 0 50px; } #hero .intro-head p { padding: 0 50px; } .intro .intro-title span::after { background: transparent; } .nav a:hover:after { display: none; } /* bar */ .bar .navbar-toggle { margin-top: 15px; margin-right: 25px; } .bar .navbar-toggle .icon-bar { background: #007baa; } .bar .navbar-collapse { background: white; position: relative; width: 100%; z-index: 100; } .navbar .navbar-collapse { padding-left: 0px; padding-right: 0px; } #brand-user-nav li { border: none; border-top: 1px solid #eee; width: 100% !important; } #brand-user-nav li a { text-decoration: none; display: block; padding: 0 30px !important; } #brand-user-nav li a:hover { background: #eee !important; } #brand-user-nav div.dropdown-menu .panel .panel-footer { margin-top: 0px !important; border-radius: 0px !important; padding: 0px !important; } #brand-user-nav div.dropdown-menu .panel .panel-heading { padding: 10px 30px !important; } #brand-user-nav .dropdown-menu { padding: 0px !important; } #brand-user-nav ul.dropdown-menu li a { padding: 8px 30px !important; } #hero, #hero_img { height: inherit !important; min-height: inherit !important; } .intro { padding-bottom: 130px; } .section-partners { position: relative !important; } } @media (max-width: 420px) { a.panel-tab { padding: 22px 21px; font-size: 14px; } .sort { display: none; } .widget-filter.visible .widget-body { display: none; } } .privacy-list li { list-style: disc; list-style-position: inside; } /* The Overlay (background) */ .overlay { /* Height & width depends on how you want to reveal the overlay (see JS below) */ height: 100%; width: 100%; position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ left: 0; top: 0; background-color: rgb(0,0,0); /* Black fallback color */ background-color: rgba(0,0,0, 0.9); /* Black w/opacity */ overflow-x: hidden; /* Disable horizontal scroll */ transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */ } /* Position the content inside the overlay */ .overlay .section-register { top: 40% !important; }