@import url(https://fonts.googleapis.com/css?family=Montserrat); @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTQ7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTSGUML8f7tzeB6gGvgki0bE.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTZ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTfgrLsWo7Jk1KvZser0olKY.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTYjoYw3YTyktCCer_ilOlhE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTRampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01m4X0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5UYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/ttwNtsRpgsxVmgGGmiUOEoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAoX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEEYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSg7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSiGUML8f7tzeB6gGvgki0bE.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSp6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSvgrLsWo7Jk1KvZser0olKY.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzA7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzCGUML8f7tzeB6gGvgki0bE.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzJ6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzPgrLsWo7Jk1KvZser0olKY.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzIjoYw3YTyktCCer_ilOlhE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hg7aC6SjiAOpAWOKfJDfVRY.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhdwxCXfZpKo5kWAx_74bHs.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hiGUML8f7tzeB6gGvgki0bE.woff2) format('woff2'); unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hp6vnaPZw6nYDxM4SVEMFKg.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hvy1_HTwRwgtl1cPga3Fy3Y.woff2) format('woff2'); unicode-range: U+0370-03FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hvgrLsWo7Jk1KvZser0olKY.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hojoYw3YTyktCCer_ilOlhE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(http://fonts.gstatic.com/s/opensans/v13/EInbV5DfGHOiMmvb1Xr-hhampu5_7CjHW5spxoeN3Vs.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'Shadows Into Light'; font-style: normal; font-weight: 400; src: local('Shadows Into Light'), local('ShadowsIntoLight'), url(http://fonts.gstatic.com/s/shadowsintolight/v6/clhLqOv7MXn459PTh0gXYKkG_nMAIv3PPZbC2XDns-o.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } @font-face { font-family: 'FontAwesome'; src: url('/theme/css/fonts/fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('/theme/css/fonts/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('/theme/css/fonts/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('/theme/css/fonts/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('/theme/css/fonts/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .icon { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-navicon:before, .icon-reorder:before, .icon-bars:before { content: "\f0c9"} .icon-sort:before { content: "\f0dc"} .icon-video-camera:before { content: "\f03d"} .icon-film:before { content: "\f008"} .icon-user:before { content: "\f007"} .icon-film:before { content: "\f008"} .icon-file-text-o:before { content: "\f0f6"} .icon-edit:before, .icon-edit-sign-o:before { content: "\f044"} .icon-code:before { content: "\f121"} .icon-external-link:before { content: "\f08e"} .icon-compress:before { content: "\f066"} .icon-unlink:before, .icon-unlink:before { content: "\f127"} .icon-css3:before { content: "\f13c"} .icon-html5:before { content: "\f13b"} .icon-photo:before, .icon-image:before, .icon-picture:before { content: "\f03e"} .icon-double-angle-left:before { content: "\f100"} .icon-double-angle-right:before { content: "\f101"} .icon-double-angle-up:before { content: "\f102"} .icon-double-angle-down:before { content: "\f103"} .icon-angle-left:before { content: "\f104"} .icon-angle-right:before { content: "\f105"} .icon-angle-up:before { content: "\f106"} .icon-angle-down:before { content: "\f107"} .icon-search:before { content: "\f002"; font-family: fontawesome; } .icon-chevron-up:before { content: "\f077"} .icon-chevron-down:before { content: "\f078"} .icon-home:before { content: "\f015"; *} .icon-refresh: before { content: "\f021"} .icon-gears:before, .icon-cogs:before { content: "\f085"} .icon-rss:before { content: "\f09e"} .icon-twitter-sign:before { content: "\f081"} .icon-facebook-sign:before { content: "\f082"} .icon-dribbble:before { content: "\f17d"} .icon-envelope:before { content: "\f0e0"; font-style: normal; } .icon-map-marker:before { content: "\f041"} .icon-caret-right:before { content: "\f0da"} .icon-arrow-circle-o-right:before { content: "\f18e"} .icon-arrow-circle-o-left:before { content: "\f190"} .icon-print:before { content: "\f02f"} .icon-file-pdf-o:before { content: "\f1c1"} .icon-android:before { content: "\f17b"} .icon-apple:before { content: "\f179"} .icon-book:before { content: "\f02d"} .icon-suitcase:before { content: "\f0f2"} .icon-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%} .icon-2x { font-size: 2em; } .icon-3x { font-size: 3em; } .icon-4x { font-size: 4em; } .icon-5x { font-size: 5em; } .icon-fw { width: 1.28571429em; text-align: center; } .icon-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .icon-ul>li { position: relative; } .icon-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: .14285714em; text-align: center; } .icon-li.icon-lg { left: -1.85714286em; } .icon-border { padding: .2em .25em .15em; border: solid .08em #eee; border-radius: .1em; } .pull-right { float: right; } .pull-left { float: left; } .icon.pull-left { margin-right: .3em; } .icon.pull-right { margin-left: .3em; } .icon-spin { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } }@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } }@-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } }@keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } }.fa-lg { font-size: 1.33333333em; line-height: .75em; vertical-align: -15%} .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-bell:before { content: "\f0f3"; font-size: 100%; font-family: FontAwesome; font-style: normal; } .fa-bell-o:before { content: "\f0a2"; font-size: 100%; font-family: FontAwesome; font-style: normal; } .icon-login:before { content: "\f090"; font-size: 115%; font-family: FontAwesome; font-style: normal; } .icon-signup:before { content: "\f044"; font-family: FontAwesome; font-size: 115%; font-style: normal; } .icon-teach:before { content: "\f1a1"; font-family: FontAwesome; font-style: normal; } .fa-slideshare:before { content: "\f1e7"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-envelope-o:before { content: "\f003"; font-family: FontAwesome; font-style: normal; padding: 0; font-size: 100%} .fa-calendar-o:before { content: "\f133"; font-family: FontAwesome; font-style: normal; padding: 0; font-size: 100%} .fa-user:before { content: "\f007"; font-family: FontAwesome; font-style: normal; padding: 0; font-size: 100%} .icon-chevron-right:before { content: "\f054"; font-family: FontAwesome; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-download:before { content: "\f019"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-th:before { content: "\f00a"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-at:before { content: "\f1fa"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-unlock-alt:before { content: "\f13e"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-envelope:before { content: "\f0e0"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-repeat:before { content: "\f01e"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-plus:before { content: "\f067"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-lock:before { content: "\f023"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-pencil:before { content: "\f040"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-angle-double-left:before { content: "\f100"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-language:before { content: "\f1ab"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-cog:before { content: "\f013"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-hand-o-right:before { content: "\f0a4"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-chevron-circle-down:before { content: "\f13a"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-external-link:before { content: "\f08e"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-book:before { content: "\f02d"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-angle-double-down:before { content: "\f103"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-facebook:before { content: "\f09a"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-google-plus:before { content: "\f0d5"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-linkedin:before { content: "\f0e1"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-twitter:before { content: "\f099"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-file-archive-o:before { content: ; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-upload:before { content: "\f093"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-file-image-o:before { content: "\f1c5"; font-family: FontAwesome; font-style: normal; font-size: 100%; color: #fff; } .fa-usd:before { content: "\f155"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-globe:before { content: "\f0ac"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-chevron-circle-right:before { content: "\f138"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-chevron-right:before { content: "\f054"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-angle-double-right:before { content: "\f101"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-heart:before { content: "\f004"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-remove:before { content: "\f00d"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-pencil-square-o:before { content: "\f044"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-question:before { content: "\f128"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-question-circle:before { content: "\f059"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-sign-in:before { content: "\f090"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-sign-out:before { content: "\f08b"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-angle-left:before { content: "\f104"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-angle-right:before { content: "\f105"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-code:before { content: "\f121"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-play-circle-o:before { content: "\f01d"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-plus:before { content: "\f067"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-desktop:before { content: "\f108"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-recycle:before { content: "\f1b8"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-file-text-o:before { content: "\f0f6"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-certificate:before { content: "\f0a3"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-minus-square:before { content: "\f146"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-phone-square:before { content: "\f098"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-envelope-square:before { content: "\f199"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-wechat:before { content: "\f1d7"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-bars:before { content: "\f0c9"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-close:before { content: "\f00d"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-phone:before { content: "\f095"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-compress:before { content: "\f066"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-gears:before { content: "\f085"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-location-arrow:before { content: "\f124"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-life-ring:before { content: "\f1cd"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-thumbs-o-up:before { content: "\f087"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-thumbs-o-down:before { content: "\f088"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-arrow-right:before { content: "\f061"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-dot-circle-o:before { content: "\f192"; font-family: FontAwesome; font-style: normal; font-size: 80%} .fa-file-word-o:before { content: "\f1c2"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-file-photo-o:before { content: "\f1c5"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-video-camera:before { content: "\f03d"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-angle-down:before { content: "\f107"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-file-pdf-o:before { content: "\f1c1"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-file-excel-o:before { content: "\f1c3"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-cc-mastercard:before { content: "\f1f1"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-check:before { content: "\f00c"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-paypal:before { content: "\f1ed"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-caret-right:before { content: "\f0da"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-mobile:before { content: "\f10b"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-money:before { content: "\f0d6"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; font-family: FontAwesome; font-style: normal; font-size: 100%} .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; font-family: FontAwesome; font-style: normal; font-size: 100%} .absolutecls { height: 270px; background: #06351c url(../../images/pattern.png); width: 100%; margin: 6px 0 4px 0; padding: 0; } .absolutecls h2 { color: #fff; font-size: 44px; padding: 10px 0 0 0; margin: 0 0 0 0!important; font-weight: bold; text-shadow: none; text-align: center; } .absolutecls h2 div { color: #fcfcfc; font-size: 22px; padding: 0; margin: 9px 0 15px 0; line-height: 14px; font-weight: normal; text-align: center; letter-spacing: 1px; } .absolutecls p { color: #fff; font-size: 16px; line-height: 20px; padding: 10px 0 15px 0; margin: 0; text-align: center; line-height: 27px; } .absolutecls button { margin: 20px 0 0 0; color: #fcfcfc; background: #337e4b; border: 1px solid #eee; font-size: 16px; border-radius: 3px; } .absolutecls button a { color: #fff!important; } .absolutecls button:hover { background: #044218; } .btn-mt { padding: 16px 30px!important; margin-left: 1px!important; } .autocomplete-suggestions { text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0, 0, 0, .1); position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box; } .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; font-size: 1.02em; color: #333; } .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; } .autocomplete-suggestion.selected { background: #f0f0f0; } .Q p a { font-weight: normal!important; } .Q p { font-weight: bold!important; } .btn-test { display: block!important; margin-left: auto; margin-right: auto; margin-top: 35px; margin-bottom: 40px; width: 250px; height: 80px; font-size: 30px!important; } .fit { width: 600px!important; } td a, p a { background: url(../../images/link-icon.png) no-repeat; background-position: right; padding-right: 22px; padding-bottom: 2px; font-weight: bold; color: #313131; } .ulink { background: transparent; padding-right: 0; } img.image-content { width: 600px; } div#loading { position: fixed; left: 50%; top: 70%; margin-top: -50px; margin-left: -50px; width: 150px; height: 150px; z-index: 900; background: url(../../images/loading.gif) no-repeat; background-color: transparent; visibility: hidden; } .tutsignup { background: #38b63c; border: 1px solid #38b63c; padding: 8px 8px; width: 90%; margin: -2px 0 0 10px; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } .tutsignup a { font-size: 14px; color: #fff!important; padding: 0 4px 0 2px; text-decoration: none; font-weight: 500; } .tut-plus { background: url(../../images/absolute-classes.png) no-repeat 3% 46%; width: 158px; padding: 7px 0 7px 28px!important; } .tut-plus:hover { background: url(../../images/absolute-classes-h.png) no-repeat 3% 46%; width: 158px; padding: 7px 0 7px 28px!important; } .tut-pluss { background: url(../../images/absolute-classes.png) no-repeat 2% 42%; width: 156px; padding: 7px 0 7px 28px!important; } .tut-pluss:hover { background: url(../../images/absolute-classes-h.png) no-repeat 2% 42%; width: 156px; padding: 7px 0 7px 28px!important; } .usernavig img { width: 28px; height: 28px; padding: 1px; margin: 0 0 0 5px; background: #fff; text-align: right; border: 1px solid #aaa!important; } .usernavig img:hover { width: 28px; height: 28px; padding: 1px; margin: 0 0 0 5px; background: #fff; text-align: right; border: 1px solid #fff!important; } #teachonline { background: url(../../images/absolute-classes.png) no-repeat 3% 47%!important; padding: 8px 10px 8px 27px!important; font-weight: bold; } #teachonline:hover { background: #316441 url(../../images/absolute-classes-h.png) no-repeat 3% 47%!important; padding: 8px 10px 8px 27px!important; color: #fff!important; font-weight: bold; } .tut-lib { background: url(../../images/tutor.png) no-repeat 2% 37%; width: 160px; padding: 7px 0 7px 28px!important; } .tut-lib:hover { background: url(../../images/tutor-h.png) no-repeat 2% 37%; width: 160px; padding: 7px 0 7px 28px!important; } .btn-disabled { font-size: 90%; color: #333; background: #fff; border-color: #ccc; outline: 0; opacity: .5; } .btn-disabled:hover { background: #fff; color: #333; cursor: default; outline: 0; opacity: .5; } .url, .dim { color: #8a8a8a; } .hook { background-image: url("../../images/hook.png"); background-repeat: no-repeat; padding-bottom: 5%; padding-left: 4%; padding-top: 1.3%} p b { font-weight: 640; } ul.sprite { margin: 15px 0 0 10px; padding: 0; width: 100%} ul.sprite li { margin: 0 4px 10px 3px; padding: 6px; list-style: none; border: 1px solid #fafafa; width: 185px; height: 86px; float: left; box-shadow: 1px 1px 1px #ccc; } ul.sprite li:hover { margin: 0 4px 10px 3px; padding: 6px; list-style: none; border: 1px solid #fafafa; box-shadow: 0 0 0 #ccc; } ul.sprite li .greyout:hover { opacity: .5; } ul.sprite li .greyout { opacity: 1; } ul.sprite li .gnat { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 11px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .algol { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -147px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .angular { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -287px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .assembly { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: nno-repeat; background-position: -430px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .ascii { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -720px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .awk { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -855px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .bash { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -584px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .basic { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -990px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .befunge { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1290px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .bootstrap { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1442px -10px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .brain { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 4px -108px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .clang { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -138px -106px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .css { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -273px -106px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .clojure { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -425px -106px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .cobol { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -590px -98px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .coffscript { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -718px -115px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .c99strict { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -859px -109px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .cplus { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1002px -104px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .cplusox { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1146px -109px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .cplus11 { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1295px -109px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .chash { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1440px -109px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .dart { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -136px -203px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .dlang { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -273px -203px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .embedc { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -716px -203px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .erlang { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -859px -203px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .factor { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1152px -206px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .fantom { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1300px -203px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .falcon { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1454px -203px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .fortran95 { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 20px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .forth { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -133px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .fhash { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -264px -297px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .freebasic { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -420px -298px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .groovy { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -568px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .go { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -715px -299px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .haxe { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -860px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .haskell { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1017px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .html { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1158px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .ilasm { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1307px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .intercal { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1450px -303px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .icon { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 18px -403px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .java { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -125px -403px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .java8 { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1035px -886px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .javascript { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -256px -399px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .coldfusion { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -568px -1039px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .jsp { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -730px -1039px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .jquery { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -860px -403px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .julia { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1014px -403px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .kshshell { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1160px -403px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .lisp { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -125px -493px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .lolcode { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -258px -493px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .lua { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -398px -493px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .matlab-octave { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -575px -496px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .malgolbe { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -722px -500px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .markdown { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -863px -502px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .mathML { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1018px -502px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .mozart-oz { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1168px -502px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .nimrod { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1464px -498px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .node { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 19px -598px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .objectivec { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -130px -598px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .ocaml { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -259px -593px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .pascal { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -405px -589px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .pari-gp { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -574px -593px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .pawn { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -721px -593px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .perl { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -870px -593px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .php { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1021px -593px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .phpweb { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1167px -887px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .prolog { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1327px -593px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .processing { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 13px -693px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .python { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -133px -688px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .python-3 { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -263px -688px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .rexx { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -864px -688px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .restruc { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1030px -695px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .ruby { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1176px -693px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .rust { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1325px -688px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .r-programming { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1452px -699px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .scala { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 18px -791px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .scheme { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -130px -788px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .smalltalk { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -263px -791px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .simula { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -395px -789px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .sml-nj { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -567px -786px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .scriptbasic { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -721px -789px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .sqllite { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -873px -795px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .tcl { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1173px -789px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .unlambda { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 20px -891px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .vb-net { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -400px -891px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .verilog { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -570px -884px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .whitespace { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -731px -882px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .ipython { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -570px -963px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .sympy { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -724px -963px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .numpy { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -871px -963px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .scipy { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1027px -963px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .octave { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1320px -963px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .centos { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1173px -963px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .redis { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1313px -886px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .mongodb { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1455px -886px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .mysql { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -872px -1032px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .hadoop { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -125px -1033px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .oraclexe { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 18px -1033px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .memcached { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1031px -1032px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .powershell { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -1173px -1040px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .perl-mysql { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: 20px -964px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .python-mysql { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -131px -964px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .php-mysql { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -261px -964px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .java-mysql { background-image: url(../../images/cdgrnd-sprite.jpg); background-repeat: no-repeat; background-position: -400px -964px; width: 145px; height: 72px; cursor: pointer; } ul.sprite li .processingjs { background-image: url("../../images/cdgrnd-sprite.jpg"); background-position: -1458px -965px; background-repeat: no-repeat; cursor: pointer; height: 72px; width: 145px; } ul.sprite li .p5js { background-image: url("../../images/cdgrnd-sprite.jpg"); background-position: -1316px -1040px; background-repeat: no-repeat; cursor: pointer; height: 72px; width: 145px; } .launcher { font-size: 16px; color: #000!important; font-weight: bold; } .imgs-title { margin: 0; padding: 50px 0 0 22px; text-align: center; font-size: 15px; } ul#books { list-style-type: none; padding: 2px; margin: 0; width: 100%} ul#books li { float: left; padding: 10px; width: 32%; border: solid 1px #ddd; margin: 2px; } .main { margin-top: 5px; } .bottom_ad_slot { width: 320px; height: 50px; } @media(min-width:500px) { .bottom_ad_slot { width: 336px; height: 280px; } }.top_ad_slot { width: 320px; height: 50px; } @media(min-width:500px) { .top_ad_slot { width: 468px; height: 60px; } }.mobile-apps { border: 1px solid #777; } img.mobile-apps { border: 1px solid #777; } img.mobile-apps:hover { opacity: .4; filter: alpha(opacity=40); } .QA { border: 1px solid #ddd; padding: 5px; margin-bottom: 5px; } .QA .B { width: 100%; text-align: right; } .icon-arrow-circle-o-left:before { position: relative; top: 1px; } .icon-arrow-circle-o-right:before { position: relative; top: 2px; } .Q a { color: #000!important; background: none!important; } .Q a:hover { text-decoration: none; } .Q p a.selected { color: #aaa!important; } .correct { color: #3eaa1c!important; } .wrong { color: red!important; } .Q p span { font-size: 14px; font-weight: bold; color: #000; } .E { border: 1px solid #d6d6d6; background-color: #eee; padding: 5px; display: none; margin-bottom: 10px; } .A { border: 1px solid #d6d6d6; background-color: #eee; padding: 5px; display: none; margin-bottom: 10px; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } a:active, a:hover { outline: 0; } hr { height: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } a { color: #428bca; text-decoration: none; } a:hover, a:focus { color: #016c22; text-decoration: none; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; max-width: 100%} .img-responsive { display: block; width: 100% \9; max-width: 100%; height: auto; } header>div.container { margin-right: auto; margin-left: auto; } .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media(min-width:768px) { .container { width: 750px; } .lead { font-size: 21px; } }@media(max-width:1892px) { div.background { background-size: auto!important; } }@media(min-width:992px) { .container { width: 970px; } }@media(min-width:1200px) { .container { width: 1170px; } }.row { margin-right: -15px; margin-left: -15px; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media(max-width:991px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } , .hide-me { display: none!important; } .col-md-3 { width: 50%} .col-md-2 { width: 25%} .col-md-2 { width: 100%} }@media(min-width:992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%} .col-md-11 { width: 91.66666667%} .col-md-10 { width: 83.33333333%} .col-md-9 { width: 75%} .col-md-8 { width: 66.66666667%} .col-md-7 { width: 66.33333333%; margin-left: 8.45%;} .col-md-6 { width: 50%} .col-md-5 { width: 41.66666667%} .col-md-4 { width: 33.33333333%} .col-md-3 { width: 25%} .col-md-2 { width: 22.66666667%} .selected-reading-boxes .col-md-2 { width: 16.5%} .col-md-1 { width: 8.33333333%} }@media(max-width:768px) { .col-md-2, .middle-col { width: 100%} .butn-srch { display: none!important; } .form-controls { border-radius: 6px!important; width: 100%!important; border: 4px solid #5f5f5f!important; } header { height: 88px; } .st-banner { height: auto!important; padding: 0!important; } .st-banner h4 { display: none!important; } }@media(max-width:479px) { .col-md-3, .middle-col { width: 100%} }table { background-color: transparent; border-collapse: collapse; border-spacing: 0; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; background: #BDBDBD; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table-bordered { } .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td { } .table-bordered>thead>tr>th, .table-bordered>thead>tr>td { border-bottom-width: 2px; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .submit { margin-bottom: 10px; } .form-group { margin-bottom: 15px; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555; } .form-control { display: block; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 2px solid #cacaca; padding: 12px; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); } .form-control::-moz-placeholder { color: #777; opacity: 1; } .form-control:-ms-input-placeholder { color: #777; } .form-control::-webkit-input-placeholder { color: #777; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .dropdown-menu>li>a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333; white-space: nowrap; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #262626; text-decoration: none; background-color: #f5f5f5; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav>li { position: relative; display: block; } .nav>li>a>img { max-width: none; } .nav-pills>li { float: left; } .nav-pills>li>a { border-radius: 4px; } .nav-pills>li+li { margin-left: 2px; } .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus { color: #fff; background-color: #428bca; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination>li { display: inline; } .pagination>li>a, .pagination>li>span { osition: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #428bca; text-decoration: none; background-color: #fff; border: 1px solid #ddd; } .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus { color: #2a6496; background-color: #eee; border-color: #ddd; } .pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus { z-index: 2; color: #fff; cursor: default; background-color: #428bca; border-color: #428bca; } .pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-collapse:before, .navbar-collapse:after { display: table; content: " "} .clearfix:after, .container:after, .row:after, .nav:after, .navbar:after, .navbar-collapse:after { clear: both; } .hide { display: none!important; } .show { display: block!important; } .invisible { visibility: hidden; } .hidden { display: none!important; visibility: hidden!important; } .btn { display: inline-block; padding: 3px 12px; margin-bottom: 10px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; } .btn:hover, .btn:focus { color: #333; text-decoration: none; } .btn-default { font-size: 90%; color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default { background-image: none; } .btn-primary, .pagination>.active>a { border-color: #22732d; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #227338; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff22732d', endColorstr='#ff227348', GradientType=0); border-color: #227348 #227348 #113823; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); } .btn-primary:hover, .pagination>.active>a:hover { border-color: #227348; background-color: #288754; } .btn-primary:active, .pagination>.active>a:active, .btn-primary:focus, .pagination>.active>a:focus { border-color: #164c1e; background-color: #164c1e; } pre { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } a, header a { color: #000; } header a:hover { color: #fff; } html { overflow-x: hidden; overflow-y: auto; } body { background-color: #55b070; color: #313131; font-family: 'Montserrat', sans-serif; font-size: 12px; line-height: 22px; margin: 0; } header { clear: both; min-height: 100px; padding: 8px 0; } header>.navbar-collapse>.container { position: relative; } button.btn-responsive-nav { display: none; top: 20px!important; } header div.social-icons { clear: right; float: right; margin-top: 3px; margin-left: -7px; position: relative; } header div.search+div.social-icons { clear: none; margin-left: 13px; margin-right: -35px; margin-top: 13px; left: 10px; } body.sticky-menu-active header div.social-icons { margin-top: 1px; } header>div.container { height: 100px; margin-bottom: -35px; position: relative; display: table; } header div.search { float: right; margin: 10px 0 0 15px; position: relative; } header div.search input.search:first-child { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; width: 390px; font-size: .9em; padding: 6px 12px; height: 34px; -moz-transition: all .2s ease-in .2s; -o-transition: all .2s ease-in .2s; -webkit-transition: all .2s ease-in .2s; transition: all .2s ease-in .2s; } header div.search input.search:focus { width: 390px; border-color: #CCC; } header div.search button.btn-default { border: 0; background: #484848; position: absolute; top: 0; right: 2px; color: #fdfaf8; z-index: 3; font-size: 19px; } header h1.logo { margin: 0; padding: 5px 0; display: table-cell; vertical-align: middle; height: 100%; float: left; color: transparent; -moz-transition: all .2s ease-in .2s; -o-transition: all .2s ease-in .2s; -webkit-transition: all .2s ease-in .2s; transition: all .2s ease-in .2s; } header h1.logo a { position: relative; z-index: 1; } header h1.logo img { position: relative; color: transparent; top: 1px!important; } header div.nav-main-collapse, header div.nav-main-collapse.in { overflow-y: visible; } header nav ul.nav-main { margin: -7px 10px 8px 0; } header nav ul.nav-main li ul a { text-transform: none; font-weight: normal; font-size: 1.1em; } header nav ul.nav-main li.dropdown:hover a.dropdown-toggle { -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } header nav ul.nav-main li.dropdown:hover>ul { display: block; } header nav ul.nav-top { margin: 10px 0 -10px; } header nav ul.nav-top li span { display: block; line-height: 14px; margin-bottom: 2px; margin-right: 0; margin-top: 5px; padding: 8px 2px 8px 12px; } body.sticky-menu-active header nav ul.nav-main { margin-bottom: 7px; margin-top: -1px; } nav.mega-menu .mega-menu-signin { margin-right: -20px; padding-left: 0; margin-left: 0; } nav.mega-menu .mega-menu-signin a { color: #444; } body header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a, body header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a { background-color: transparent!important; color: #FFF; padding: 0; padding: 8px; margin: 0; } header nav ul.nav-main ul.dropdown-menu>li>a { padding: 8px 10px 8px 5px; font-size: .9em; border-bottom: 1px solid rgba(255, 255, 255, 0.2); } header nav ul.nav-main ul.dropdown-menu { -moz-border-radius: 0 6px 6px 6px; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); -webkit-border-radius: 0 6px 6px 6px; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); border: 0; border-radius: 0 6px 6px 6px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.08); margin: 1px 0 0 3px; padding: 5px; top: auto; } nav.mega-menu .mega-menu-signin .dropdown-menu { right: 8px; margin-top: 0; -moz-border-radius: 6px 0 6px 6px; -webkit-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } @media(min-width:992px) { nav.mega-menu .nav, nav.mega-menu .dropup, nav.mega-menu .dropdown, nav.mega-menu .collapse { position: static; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { -moz-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); -webkit-box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); } nav.mega-menu .container { position: relative; } nav.mega-menu .dropdown-menu { left: auto; } nav.mega-menu .dropdown-menu>li { display: block; } nav.mega-menu .nav.pull-right .dropdown-menu { right: 0; } }#submenu1 { right: -5px!important; } #submenu { left: 9px!important; top: 29px; } div.map-section { background: transparent url(../../images/map-top.jpg) center 0 no-repeat; padding-top: 220px; margin-top: 0; } section.featured { background: #fff; border-top: 5px solid #ecece8; margin: 35px 0; padding: 30px 0; } section.featured.footer { margin: 30px 0 -70px; } section.featured.map { background-image: url(../../images/map-bottom.jpg); background-position: center 0; background-repeat: no-repeat; margin-top: 0; border-top: 0; } aside ul.nav-list>li>a { color: #666; font-size: .9em; } div.slider-container { background: #666; max-height: 500px; overflow: hidden; padding: 0; position: relative; z-index: 1; } div.slider-container.light { background-color: #eaeaea; } div.slider-container ul { list-style: none; margin: 0; padding: 0; } div.slider { max-height: 500px; position: relative; } div.slider-container-fullscreen, div.slider-container-fullscreen div.slider { max-height: none; } div.slider div.tp-bannertimer { display: none; } div.slider-container { background: #171717; background: #3b714d; } div.slider-container div.tp-caption { filter: alpha(opacity=0); opacity: 0; } div.slider-container div.tp-bannershadow { filter: alpha(opacity=20); opacity: .20; } div.slider-container.light div.tp-bannershadow { filter: alpha(opacity=5); opacity: .05; top: 0; bottom: auto; z-index: 1000; } div.slider>ul>li>div.center-caption { left: 0!important; margin-left: 0!important; text-align: center; width: 100%} div.slider-container div.top-label { color: #FFF; font-size: 24px; font-weight: 300; } div.slider-container div.main-label { color: #FFF; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } div.slider-container div.bottom-label { color: #FFF; font-size: 20px; font-weight: 300; } div.slider-container div.tp-caption a, div.slider-container div.tp-caption a:hover { color: #FFF; } div.slider-container div.blackboard-text { color: #bab9be; font-size: 46px; line-height: 46px; font-family: "Shadows Into Light", cursive; text-transform: uppercase; } div.slider a.main-button { font-size: 22px; font-weight: 600; line-height: 20px; padding-bottom: 20px; padding-top: 20px; padding-left: 25px; padding-right: 25px; } div.slider-container.light div.top-label, div.slider-container.light div.main-label, div.slider-container.light div.bottom-label, div.slider-container.light div.tp-caption a, div.slider-container.light div.tp-caption a:hover { color: #333; } div.home-intro p em { color: #2e9a3c; } div.home-intro { background: #171717 url(../../images/pattern.png) repeat center center; margin-bottom: 5px; overflow: hidden; padding: 20px 0 10px 0; position: relative; text-align: left; } div.home-intro div.get-started { margin-top: 15px; margin-bottom: 15px; position: relative; text-align: right; } div.home-intro div.get-started a.btn { position: relative; z-index: 1; } div.home-intro div.get-started a.btn i { font-size: 1.1em; font-weight: normal; margin-left: 5px; } div.home-intro div.get-started a { color: #FFF; } div.home-intro div.get-started a:hover { opacity: .8; filter: alpha(opacity=90); } div.home-intro div.learn-more { margin-left: 15px; color: #aaa; } div.home-intro p { color: #FFF; display: inline-block; font-size: 1.4em; font-weight: 300; max-width: 800px; padding-top: 5px; } div.home-intro p span { color: #999; display: block; font-size: .8em; padding-top: 5px; } div.home-intro p em { font-family: "Shadows Into Light", cursive; font-size: 1.6em; } div.home-intro-compact { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; margin-top: -10px; } div.home-intro-compact p { padding-left: 20px; } div.home-intro-compact div.get-started { padding-right: 20px; } div.home-intro.light { background-color: #e2e2e2; } div.home-intro.light p, div.home-intro div.get-started a:not(.btn) { color: #777; } div.home-concept { background: transparent url(../img/home-concept.png) no-repeat center 0; width: 100%; overflow: hidden; } div.home-concept div.row { position: relative; } div.home-concept div.process-image { background: transparent url(../img/home-concept-item.png) no-repeat 0 0; width: 160px; height: 175px; margin: 135px auto 0 auto; padding-bottom: 50px; position: relative; z-index: 1; } div.home-concept div.process-image img { -moz-border-radius: 150px; -webkit-border-radius: 150px; border-radius: 150px; margin: 7px 8px; } div.home-concept strong { display: block; font-family: "Shadows Into Light", cursive; font-size: 2.1em; font-weight: normal; position: relative; margin-top: 30px; } div.home-concept strong.our-work { margin-top: 52px; font-size: 2.6em; } div.home-concept div.project-image { background: transparent url(../img/home-concept-item.png) no-repeat 100% 0; width: 350px; height: 420px; margin: 15px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1; } div.home-concept span.sun { background: transparent url(../img/home-concept-icons.png) no-repeat 0 0; width: 60px; height: 56px; display: block; position: absolute; left: 10%; top: 35px; } div.home-concept span.cloud { background: transparent url(../img/home-concept-icons.png) no-repeat 100% 0; width: 116px; height: 56px; display: block; position: absolute; left: 57%; top: 35px; } section.page-not-found { margin: 50px 0; } section.page-not-found h2 { font-size: 140px; font-weight: 600; letter-spacing: -10px; line-height: 140px; } section.page-not-found h4 { color: #777; } section.page-not-found p { font-size: 1.4em; line-height: 36px; } div.page-not-found-main { margin-top: 25px; text-align: center; } footer { background: #2a2a2a; border-top: 4px solid #1f1f1f; font-size: .9em; margin-top: 50px; padding: 80px 0 0; position: relative; clear: both; } footer div.footer-ribon { background: #999; position: absolute; margin: -100px 0 0 22px; padding: 10px 20px 6px 20px; } footer div.footer-ribon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } footer div.footer-ribon span { color: #FFF; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } footer div.container div.row>div { margin-bottom: 25px; } footer div.container input:focus { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } footer ul.contact { list-style: none; margin: 0; padding: 0; } footer ul.contact i { display: block; float: left; font-size: 1.2em; margin: 7px 8px 10px 0; position: relative; text-align: center; top: -2px; width: 16px; color: #316441; } footer ul.contact i.icon-envelope { font-size: 1em; top: 0; } footer ul.contact p { margin-bottom: 10px; color: #777; } footer a.logo { display: block; } footer a.logo.push-bottom { margin-bottom: 12px; } footer form { filter: alpha(opacity=85); opacity: .85; } footer h1, footer h2, footer h3, footer h4, footer a { color: #ccc!important; } footer h5 { color: #CCC!important; } footer a:hover { color: #fff!important; } footer h4 { font-size: 1.8em; font-weight: 200; text-shadow: 1px 1px 1px #000; border-bottom: 1px solid #121212; padding: 0 0 10px 0; font-weight: 600; } footer h4 span { border-bottom: 2px solid #316441; padding-bottom: 7px; } div.footer-copyright { background: #242424; border-top: 4px solid #22732d; padding: 10px 0 0; } div.footer-copyright nav { float: right; } div.footer-copyright nav ul { list-style: none; margin: 0; padding: 0; } div.footer-copyright nav ul li { border-left: 1px dotted #fff; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; } div.footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; } div.footer-copyright p { color: #555; color: #fff; margin: 0; padding: 0; } footer span.phone { color: #FFF; font-size: 26px; font-weight: bold; display: block; padding-bottom: 15px; margin-top: -5px; } footer.short { padding-top: 50px; } footer.short div.footer-copyright { background: transparent; border: 0; padding-top: 0; margin-top: 0; } footer ul.nav-list.primary>li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; padding-bottom: 11px; } footer ul.nav-list.primary>li:last-child a { border-bottom: 0; } footer ul.nav-list.primary>li a:hover { background-color: rgba(255, 255, 255, 0.05); } a.scroll-to-top { -moz-border-radius: 7px 7px 0 0; -moz-transition: all .3s; -o-transition: all .3s; -webkit-border-radius: 7px 7px 0 0; -webkit-transition: all .3s; background: #434343; border-radius: 7px 7px 0 0; bottom: 4px; color: #fff; display: block; height: 9px; opacity: 0; padding: 13px 0 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; transition: all .3s; width: 49px; z-index: 1040; right: 50px; border: 1px solid #434343; } a.scroll-to-top:hover { filter: alpha(opacity=100); opacity: 1; } a.scroll-to-top.visible { filter: alpha(opacity=75); opacity: .75; } h1, h2, h3, h4, h5, h6 { color: #121214; font-weight: 200; letter-spacing: -1px; margin: 0; } h1 { line-height: 30px; margin: 0 0 30px 0; text-decoration: none !important; margin-top: 5% !important; } h2 { font-size: 2.4em; font-weight: 300; line-height: 55px; margin: 0 0 0 10px; } h3 { color: #CCC; font-size: 1.8em; font-weight: 400; letter-spacing: normal; line-height: 24px; margin-bottom: 33px; text-transform: uppercase; } .front h3 { color: #5f5f5f; font-size: 1.6em!important; text-align: center; } .front a:hover { opacity: .5; text-decoration: none; } div.front .col-md-4:hover { opacity: .5; } h4 { color: #CCC; font-size: 1.4em; font-weight: 400; letter-spacing: normal; line-height: 27px; margin: 0 0 14px 0; } h5 { color: #CCC; font-size: 1em; font-weight: 600; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; text-transform: uppercase; } h6 { color: #333; font-size: 1em; font-weight: 400; letter-spacing: normal; line-height: 18px; margin: 0 0 14px 0; } h1.big { font-size: 4.2em; line-height: 54px; } h1.short, h2.short { margin-bottom: 15px; } h3.short, h4.short, h5.short, h6.short { margin-bottom: 9px; } h1.shorter, h2.shorter, h3.shorter, h4.shorter, h5.shorter, h6.shorter { margin-bottom: 0; } h1.tall, h2.tall, h3.tall, h4.tall, h5.tall, h6.tall { margin-bottom: 33px; } blockquote { font-size: 1em; } p { color: #434343; line-height: 24px; margin: 0 0 20px; } p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); margin: 10px 0 10px 0; } hr.tall { margin: 24px 0 24px 0; } .center { text-align: center; } body a { outline: none!important; } li { line-height: 24px; } .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%} .form-group:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } form label { font-weight: normal; } .form-control:focus { -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; border-color: #CCC; } textarea { resize: vertical; } .label { font-weight: normal; } ul.nav-list.primary>li { margin: 0; padding: 0; } ul.nav-list.primary>li a { -moz-transition: all .3s; -o-transition: all .3s; -webkit-transition: all .3s; background-position: 3px 11px; background-repeat: no-repeat; padding: 8px 17px; transition: all .3s; text-transform: uppercase; font-weight: bold; font-size: 10px; } ul.nav-pills>li.active>a, ul.nav-pills>li.active>a:hover, ul.nav-pills>li.active>a:focus { background-color: #CCC; } div.read-more, div.read-more a, div.learn-more, div.learn-more a { display: inline-block; white-space: nowrap; } blockquote.testimonial { -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #CCC; border-radius: 10px; border: 0; color: #666; font-family: Georgia, serif; font-style: italic; margin: 0; padding: 10px 50px; position: relative; } blockquote.testimonial p { color: #555; font-family: Georgia, serif; font-style: italic; font-size: 1.1em; line-height: 1.3; } blockquote.testimonial:before { left: 10px; top: 0; } blockquote.testimonial:before, blockquote.testimonial:after { color: #5e5e5e; content: "\201C"; font-size: 80px; font-style: normal; line-height: 1; position: absolute; } blockquote.testimonial:after { bottom: -0.5em; content: "\201D"; right: 10px; } div.testimonial-arrow-down { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #CCC; height: 0; margin: 0 0 0 25px; width: 0; } div.testimonial-author { margin: 8px 0 0 8px; } div.testimonial-author div.img-thumbnail { float: left; margin-right: 10px; } div.testimonial-author div.img-thumbnail img { max-width: 60px; } div.testimonial-author strong { color: #111; display: block; padding-top: 7px; } div.testimonial-author span { color: #666; display: block; font-size: 12px; } div.testimonial-author p { color: #999; margin: 0 0 0 25px; text-align: left; } ul.list li { margin-bottom: 13px; } ul.icons { list-style: none; } ul.icons [class^="icon-"] { margin-right: 5px; } ul.icons { list-style: none; } .list-unstyled { padding-left: 0; list-style: none; } div.recent-posts h4 { margin-bottom: 7px; } div.recent-posts div.date { float: left; margin-right: 10px; margin-top: 8px; text-align: center; } div.recent-posts div.date span.month { -moz-border-radius: 0 0 2px 2px; -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; -webkit-border-radius: 0 0 2px 2px; -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; background: #CCC; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #fff; font-size: .9em; padding: 0 10px 2px; } div.recent-posts div.date span.day { background: #f7f7f7; color: #CCC; display: block; font-size: 18px; font-weight: 500; font-weight: bold; padding: 8px; } section.featured div.recent-posts div.date span.day { background: #FFF; } div.recent-posts article.recent-post h4 { margin: 0 0 3px 0; } div.recent-posts article.recent-post h4 a { display: block; } ul.team-list { list-style: none; margin: 0; padding: 0; } ul.team-list div.team-item { margin-bottom: 35px; } ul.team-list div.team-item span.thumb-info-social-icons { margin: 0 10px; } section.toggle { margin: 10px 0 0; position: relative; clear: both; } section.toggle>input { cursor: pointer; filter: alpha(opacity=0); height: 45px; margin: 0; opacity: 0; position: absolute; width: 100%; z-index: 2; } section.toggle>label { -moz-transition: all .15s ease-out; -o-transition: all .15s ease-out; -webkit-transition: all .15s ease-out; background: #f4f4f4; border-left: 3px solid #CCC; color: #000; display: block; font-size: 1.1em; min-height: 20px; padding: 12px 20px 12px 10px; position: relative; cursor: pointer; font-weight: 400; transition: all .15s ease-out; } section.toggle>div.toggle-content { display: none; } section.toggle>label:-moz-selection { background: 0; } section.toggle>label i.icon-minus { display: none; } section.toggle>label i.icon-plus { display: inline; } section.toggle>label:selection { background: 0; } section.toggle>label:before { border: 6px solid transparent; border-left-color: inherit; content: ''; margin-top: -6px; position: absolute; right: 4px; top: 50%} section.toggle>label:hover { background: #f5f5f5; } section.toggle>label+p { color: #999; display: block; overflow: hidden; padding-left: 30px; text-overflow: ellipsis; white-space: nowrap; height: 25px; } section.toggle>label i { font-size: .7em; margin-right: 8px; position: relative; top: -1px; } section.toggle.active i.icon-minus { display: inline; } section.toggle.active i.icon-plus { display: none; } section.toggle.active>label { background: #f4f4f4; border-color: #CCC; } section.toggle.active>label:before { border: 6px solid transparent; border-top-color: inherit; margin-top: -3px; right: 10px; } section.toggle>p.preview-active { height: auto; } section.toggle>p.preview-active, section.toggle.active>p { white-space: normal; } div.google-map { background: #e5e3df; height: 400px; margin: -35px 0 30px 0; width: 100%} .parallax+div.google-map { margin-top: -70px; } div.google-map img { max-width: 9999px; } i.image-icon { background-repeat: no-repeat; background-position: center center; display: inline-block; text-indent: -9999px; width: 24px; height: 24px; overflow: hidden; } i.image-icon.small { width: 16px; height: 16px; } i.image-icon.big { width: 110px; height: 110px; } ul.social-icons { margin: 0 0 10px 14px; padding: 0; width: auto; } ul.social-icons li { background-image: url(../img/social-sprites.png); background-repeat: no-repeat; background-color: #FFF; background-position: 0 100px; display: inline-block; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; transition: all .3s ease; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 100%; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; -webkit-border-radius: 100%; -webkit-transition: all .3s ease; border: 1px solid #fff; } ul.social-icons li a { display: block; height: 28px; width: 28px; text-align: center; } ul.social-icons li[class] a { text-indent: -9999px; } ul.social-icons li a:hover { text-decoration: none; } ul.social-icons li a i[class^="icon-"] { color: #444; font-style: 16px; position: relative; top: 3px; } ul.social-icons li a:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); } ul.social-icons li:active, ul.social-icons li a:active { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%} ul.social-icons li.googleplus { background-position: 0 -301px; } ul.social-icons li.googleplus:hover { background-position: 0 -331px; } ul.social-icons li.facebook { background-position: 0 -121px; } ul.social-icons li.facebook:hover { background-position: 0 -151px; } ul.social-icons li.linkedin { background-position: 0 -541px; } ul.social-icons li.linkedin:hover { background-position: 0 -571px; } ul.social-icons li.rss { background-position: 0 -901px; } ul.social-icons li.rss:hover { background-position: 0 -931px; } ul.social-icons li.twitter { background-position: 0 -1141px; } ul.social-icons li.twitter:hover { background-position: 0 -1171px; } img.wiw { float: right; border: 0; margin: none; padding: 10px; width: 130px; height: 130px; } ul.contact { list-style-type: none; } div.base64 select { height: 26px; border: 1px solid #aaa; margin: 10px; } div.base64 textarea { float: left; color: #000; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 200px; border: 1px solid #ccc; resize: vertical; margin: 0; padding: 4px; overflow: auto; font-size: 13px; text-align: left; font-weight: normal; font-family: Arial; background-color: #eee; } #rightbar.sticky { position: fixed; top: 20px; z-index: 6; } .paypal-prices { border: 2px solid #e5e7e9; border-radius: 6px; height: 25px; width: 70px; font-weight: bold; outline: 0; } .short-height { line-height: 30px; } .box-plain { border-top-color: #eee; border-top: 0 solid #eee; border-top-width: 1px; } img.inline { display: inline!important; position: relative; top: 3px; } th { background: #eee; } .content .cover img { border: 0 solid #d6d6d6; } .content img { max-width: 100%!important; display: block; margin-left: auto; margin-right: auto; padding-bottom: 4px; } pre.prettyprint.tryit { background: #eee !important; } iframe.result { width: 100%; border: 1px solid #d6d6d6; } pre.result, pre.prettyprint { width: 100%!important; border-radius: 0; } pre { padding: 0; margin: 0; } div.result { width: 100%!important; border: 1px solid #d6d6d6; border-radius: 0; padding: 4px; } div.result p { padding: 0!important; margin: 0!important; } div.result h1 { text-align: left; } .box { padding: 3px; margin: 3px; border: 2px solid #aaa; } .content h2 { font-size: 1.7em; line-height: 1.5em; font-weight: normal; position: relative; left: 0; } .content h3 { font-size: 1.3em; line-height: 1.5em; text-transform: none; color: #000; position: relative; left: 0; border: 0; } .content h4 { font-size: 1.0em; font-weight: bold; line-height: 1.5em; text-transform: uppercase; color: #000; position: relative; left: 2px; margin-bottom: 2px!important; } .content ul li a { font-weight: normal; } .options { padding-top: 0!important; margin-top: -10px!important; } .hints { padding-top: 0!important; margin-top: -15px!important; } div.parent-file { display: none; } ul.alpha, ol.alpha { padding-left: 35px; list-style: upper-alpha; } blockquote { background-color: rgba(131, 190, 157, 1); border-left: 5px solid rgba(233, 233, 233, 1); color: rgba(0, 0, 0, 1); * margin: 30px auto 35px; margin-left: -10px; margin-right: -10px; padding: 15px 15px 7px; } div.google-map { margin: 20px 0 0 0; } nav.mega-menu .mega-menu-signin .dropdown-menu { right: -25px; } header div.search { left: 30px; } .job-list { margin: 0 auto; max-width: 728px; border-bottom: 1px solid #d6d6d6; } button a:hover { text-decoration: none; color: #4a4a4a; } .where, .what { border: 1px solid #d6d6d6; height: 40px; width: 100%} textarea.what { height: 140px!important; } .job-index { text-align: center; padding-top: 10px; } .pages span.current { border: 1px solid #8f8f8f; font-weight: bold; background: #15700d; color: #fff; } .pages a:hover { background: #15700d; color: #fff; } .pages a { border: 1px solid #d6d6d6; text-decoration: none; } .pages a, .pages span { padding: .3em .6em; margin-right: .1em; border: 1px solid #d6d6d6; background: #fff; } .job-list a { font-size: 16px; text-decoration: none; color: #15700d; cursor: pointer; font-weight: normal; text-transform: capitalize; font-size: 14pt; } .job-list a:hover { text-decoration: underline; } .company-name { color: #000; font-size: 12pt; } .job-location { color: #999; font-size: 11pt; } .job-extra-info { font-size: 10pt; padding: 0; position: relative; } .job-footer li { display: inline; color: #15700d; } .job-footer { clear: left; margin-left: 0; padding-left: 0; } .job-days, .job-source { background: url(../../images/hits.gif) no-repeat left; padding-left: 15px; border-right: 1px dotted #aaa; padding-right: 5px; } div.without-margin { margin-left: 0; margin-right: 0; } div.mini-logo img { width: 100%; max-width: 283px; margin-top: 1px; height: 194px; } div.cover img { margin-bottom: 0; left: -5px; position: relative; height: 194px; width: 102%; max-width: 614px!important; text-align: center; padding-bottom: 0; padding-right: 0; } ul.nav li a.active { font-weight: bold; } header nav ul.nav-main li a { margin-left: 0; margin-right: 0; } header { display: none; } .left-aligned { margin-left: -10px; } .center-aligned { text-align: center; } .middle-col .center-aligned button { width: 19.4%} .cleaer { clear: both; } li.heading { margin: 0; font-size: 100%; padding: 15px 0 15px 15px!important; margin-top: 20px; color: #fff; } ul li.sreading { margin: 0; background: #c1c1c1; font-size: 100%; border: 1px solid #aaa; padding: 15px 0 15px 15px!important; margin-top: 20px; color: #000; } img.mini { max-width: 70%!important; } div.footer-copyright p, div.footer-copyright nav ul { padding-top: 12px; } ul.list.icons li i { color: #fff; } footer { padding: 35px 0 0; display: none; } footer div.footer-ribon { margin: -55px 0 0 22px; } div.footer-copyright { border-top: 4px solid #aaa; } .middle-col { padding-left: 10px; padding-right: 10px; } .big-middle-col { border: 1px solid #d6d6d6; background: #fff; padding-left: 33px; padding-right: 33px; } .inner { margin-top: 10px; } aside ul.nav-list>li>a:hover { color:#000; } ul.nav-list.primary>li a { background: url(/images/list-icon.png) no-repeat 0 9px; color: #ABDBBA; text-decoration: none; } ul.list li { background: url(../../images/icon-bullet.png) no-repeat 0 4px; padding: 0 0 0 19px; list-style: none; margin-bottom: 5px; } .mini-logo { margin-bottom: -8px; } .middle-col { min-height: 995px; } div.topgooglead { text-align: center; display:none; } div.biggooglead { text-align: center; display:none; } div.bottomgooglead { text-align: center; position: relative; display:none; } .rightgooglead { text-align: left; top: 50px; display:none; } .rightgooglead { &.affix { position: fixed; top: 190px; display:none; } &.affix-top { position: static; } &.affix-bottom { position: absolute; } }ul.left-menu li { line-height: 14px; } ul.list li { color: #BDE7BF; } .col-md-2, .col-md-7, .col-md-3 { padding-left: 5px; padding-right: 5px; } h1 { font-size: 2.2em; font-weight: normal; padding-bottom: .75em !important; margin-bottom: 1em; text-align: center; } h2 { font-size: 1.6em; margin-bottom: .5em!important; line-height: 1.5em; font-weight: normal; padding: 2.5em 0 1em !important; } h3 { font-size: 1.2em; line-height: 1.5em; text-transform: uppercase; font-weight: bold; } pre+h3 { padding-top: 10px!important; } h3+p { padding-top: 0!important; margin-top: 0!important; } h4 { font-size: 12px; } h5 { font-size: 15px; } h6 { font-size: 13px; } h1, h2, h3 { margin: .2em .2em .2em 0; padding: 0; font-weight: bold; text-decoration: underline; color:#fff; } hr { height: 0; background-image: none; clear: both; margin: 7px 0 7px 0; border: 1px solid #9ED2AD; margin-top: 5%; margin-bottom: 3%; } hr.tall { border: 0!important; height: 1px; margin: 15px 0 10px 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0)); background-image: -o-linear-g; } div.content p { margin: .0em .2em 1em .2em; padding: 0; text-align: justify; color: #FFF; } table.src { border: 1px solid #d6d6d6; width: 100%; border-collapse: collapse; vertical-align: top; margin-top: 8px; margin-bottom: 8px; background-color: #f7f7f7; } table.src td { border-collapse: collapse; border: 1px solid #d6d6d6; padding: 5px; } table.src th { border-collapse: collapse; border: 1px solid #d6d6d6; background-color: #eee; padding: 5px; text-align: left; } .push-bottom { margin-bottom: 22px; } .big-font { font-size: 120%} .pre-btn { float: left; text-align: center; padding-left: 0; padding-bottom: 10px; display: block; color: #316947; } .pre-btn a:link, .pre-btn a:visited { text-decoration: none; color: #316947; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .pre-btn a:hover, .pre-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .pre-q-btn { float: left; background: transparent; text-align: center; padding-left: 10px; padding-bottom: 5px; position: relative; } .pre-q-btn a:link, .pre-q-btn a:visited { text-decoration: none; color: #316947; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .pre-q-btn a:hover, .pre-q-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .nxt-btn { float: right; text-align: center; padding-left: 0; padding-bottom: 10px; display: block; color: #316947; } .nxt-btn a:link, .nxt-btn a:visited { text-decoration: none; color: #316947; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .nxt-btn a:hover, .nxt-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .nxt-q-btn { float: right; background: transparent; text-align: right; margin-right: 20px; padding-bottom: 5px; position: relative; left: 0; } .nxt-q-btn a:link, .nxt-q-btn a:visited { text-decoration: none; color: #000; background-color: transparent; background: url(../../images/sprite.png) no-repeat 112px -52px; font-size: 115%; padding-left: 20px; padding-right: 20px; } .nxt-q-btn a:hover, .nxt-q-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding: 3px 20px 6px 20px; text-transform: uppercase; font-weight: bold; } .print-btn { float: left; background: transparent; text-align: center; position: relative; padding-left: 0; left: -5px; top: 0; } .print-btn a:link, .print-btn a:visited { text-decoration: none; color: #316947; background-color: transparent; font-size: 75%; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: bold; } .print-btn a:hover, .print-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: bold; } .middle-btn { float: left; background: transparent; text-align: center; position: relative; padding-left: 70px; left: -5px; top: 0; color: #316947; } .middle-btn a:link, .middle-btn a:visited { text-decoration: none; color: #316947; background-color: transparent; font-size: 75%; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: bold; } .middle-btn a:hover, .middle-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: bold; } .pdf-btn { float: left; background: transparent; text-align: center; position: relative; padding-left: 0; left: -5px; top: 0; } .pdf-btn a:link, .pdf-btn a:visited { text-decoration: none; color: #316947; background-color: transparent; font-size: 75%; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: bold; } .pdf-btn a:hover, .pdf-btn a:active { text-decoration: none; color: #fff; background-color: transparent; font-size: 75%; padding-left: 40px; padding-right: 40px; text-transform: uppercase; font-weight: bold; } .btn-buy-books, .btn-interview, .btn-forums, .btn-useful-resources, .btn-job-search { display: inline; } .goog-te-gadget-simple { width: 160px; border: 1px solid #d6d6d6!important; margin-top: 8px; } .google-ad { padding-bottom: 5px; text-align: center; } div.simple-ad { white-space: nowrap; padding-left: 5px; padding-top: 6px; margin: 0; margin-top: 0; margin-bottom: 5px; border: 1px solid #d6d6d6; background: transparent; text-align: center!important; width: 160px; width: 101%; font-size: 90%} div.facebook-ad { white-space: nowrap; padding-left: 1px; padding-top: 0; padding-bottom: 0; margin: 0; margin-top: 0; border: 1px solid #d6d6d6; margin-bottom: 5px; background: transparent; text-align: center!important; width: 160px; width: 101%; font-size: 90%} section.page-top { background-color: #dcdcdd; padding: 1px 0; } .main .home-intro h2 { border-bottom: 5px solid #CCC; color: #FFF; display: inline-block; font-weight: 200; margin: 0 0 -25px; min-height: 37px; line-height: 46px; padding: 0 0 17px; position: relative; font-size: 2.6em; text-shadow: 0 0 0 #fff; } .special { display: inline; } div.footer-copyright p, div.footer-copyright nav ul { padding-top: 18px; } div.featured-box h4 { text-transform: none; } div.featured-box a { text-decoration: none; } .box-content:hover { opacity: .7; } @media(min-width:1200px) { } @media(max-width:991px) { div.mini-logo img { width: 100%; max-width: 283px; margin-top: 1px; border: 0 solid #797777; height: 150px; } div.cover img { margin-bottom: 0; left: -10px!important; position: relative; height: 150px; width: 103.5%!important; max-width: 718px!important; text-align: center; padding-bottom: 0; padding-right: 0; } header h1.logo img { max-width: 230px!important; float: left!important; margin-top: -15%; } div.mini-logo img { display: none; } .biggooglead, .translate, .simple-ad, .rightgooglead, .special, .print-btn, .pdf-btn { display: none; } .mid-pages { display: none; } div.footer-copyright nav { float: left; } div.footer-copyright .col-md-4 { padding-left: 5px; padding-bottom: 15px; } .row { margin-left: 0; margin-right: 0; } div.cover img { width: 100%; max-width: 991px; left: 0; padding: 5px; px; } }div.background { background-size auto: } @media(max-width:479px) { div.topgooglead, div.bottomgooglead { text-align: center!important; } , .hide-me { display: none!important; } button.btn-responsive-nav { z-index: 9999!important; display: block!important; } .middle-col .center-aligned button { width: auto; } .btn-extra-links, .btn-job-search, .mid-pages, .btn-useful-resources { display: none; } .container { padding-right: 0; padding-left: 0; } .content img { max-width: auto!important; } div.background { background-size: 100%; width: 100%; height: 150px; } .butn-srch { padding: 12px 20px 14px 20px!important; top: 86px!important; right: 20px!important; font-size: 91%!important; } .form-controls { font-size: 15px!important; padding: 10px!important; width: 96%!important; margin: 8px auto 8px auto!important; } }@media(min-width:768px) and (max-width:1024px) { .absolutecls h2 div { font-size: 18px; } .absolutecls button { display: none; } .navbar .nav-main { display: none!important; } .sidebar { display: block; } button.btn-responsive-nav { z-index: 9999!important; display: none; } ul.nav-list.primary>li a { background: url(../../images/list-icon.png) no-repeat 0 14px; } ul.nav-list.primary>li a { padding: 14px 17px; font-size: 115%} div.featured-box { background: none!important; box-shadow: none!important; border-bottom: 0 solid #dfdfdf!important; border-left: 1px solid #ececec!important; } div.featured-box ul.menu { margin: -7px 0 0 0!important; padding: 0!important; } div.featured-box h4 { line-height: 46px!important; background: #888787!important; text-align: left!important; border-radius: 4px!important; margin: 15px 0 0 0!important; padding-left: 9px; } ul.menu li { font-size: 115%; list-style: none; line-height: 38px!important; } ul.menu li a { background: #ddd!important; color: #434343!important; padding: 5px 10px!important; margin: 4px 0!important; border-bottom: 0 dotted #bbb!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } ul.menu li a:hover { background-color: #426c56!important; color: #fff!important; } div.featured-box { height: auto!important; } .butn-srch { top: 55px!important; right: 182px!important; } ul.sprite li { width: 168px!important; } .col-md-12 { float: center!important; } .st-banner .srch-icon img { width: 79px!important; } }@media(min-width:668px) and (max-width:736px) { .absolutecls h2 div { font-size: 15px; } .absolutecls button { display: none; } .navbar .nav-main { display: none; } .sidebar { display: none; } div.featured-box { height: auto!important; } button.btn-responsive-nav { z-index: 9999!important; display: block!important; } ul.nav-list.primary>li a { background: url(../../images/list-icon.png) no-repeat 0 14px; } ul.nav-list.primary>li a { padding: 14px 17px; font-size: 115%} div.featured-box { background: none!important; box-shadow: none!important; border-bottom: 0 solid #dfdfdf!important; border-left: 1px solid #ececec!important; } div.featured-box ul.menu { margin: -7px 0 0 0!important; padding: 0!important; } div.featured-box h4 { line-height: 46px!important; background: #888787!important; text-align: left!important; border-radius: 4px!important; margin: 15px 0 0 0!important; padding-left: 9px; } ul.menu li { font-size: 115%; list-style: none; line-height: 38px!important; } ul.menu li a { background: #ddd!important; color: #434343!important; padding: 5px 10px!important; margin: 4px 0!important; border-bottom: 0 dotted #bbb!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } ul.menu li a:hover { background-color: #426c56!important; color: #fff!important; } ul.sprite li { width: 164px!important; } .inner .col-md-1 img { width: 50px!important; } .inner .col-md-2, .inner .col-md-3, .map-section { display: none!important; } .st-banner .srch-icon img { width: 68px!important; } .col-md-12 { float: center!important; } }@media(min-width:375px) and (max-width:667px) { .absolutecls h2 div { font-size: 15px; } .absolutecls button { display: none; } .middle-btn a:link, .middle-btn a:visited, .middle-btn, .middle-btn a:hover, .middle-btn a:active { padding-left: 0!important; padding-right: 0!important; } .nxt-btn a:link, .nxt-btn a:visited, .nxt-btn, .nxt-btn a:hover, .nxt-btn a:active { padding-left: 0!important; padding-right: 0!important; } .pre-btn a:link, .pre-btn a:visited, .pre-btn, .pre-btn a:hover, .pre-btn a:active { padding-left: 0!important; padding-right: 10px!important; } .navbar .nav-main { display: none; } .sidebar { display: none; } button.btn-responsive-nav { z-index: 9999!important; display: block!important; } div.featured-box { height: auto!important; } ul.nav-list.primary>li a { background: url(../../images/list-icon.png) no-repeat 0 14px; } ul.nav-list.primary>li a { padding: 14px 17px; font-size: 115%} div.featured-box { background: none!important; box-shadow: none!important; border-bottom: 0 solid #dfdfdf!important; border-left: 1px solid #ececec!important; } div.featured-box ul.menu { margin: -7px 0 0 0!important; padding: 0!important; } div.featured-box h4 { line-height: 46px!important; background: #888787!important; text-align: left!important; border-radius: 4px!important; margin: 15px 0 0 0!important; padding-left: 9px; } ul.menu li { font-size: 115%; list-style: none; line-height: 38px!important; } ul.menu li a { background: #ddd!important; color: #434343!important; padding: 5px 10px!important; margin: 4px 0!important; border-bottom: 0 dotted #bbb!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } ul.menu li a:hover { background-color: #426c56!important; color: #fff!important; } ul.sprite li { width: 199px!important; } .col-md-12 { float: center!important; } .inner .col-md-1 img { width: 50px!important; } .inner .col-md-2, .inner .col-md-3, .map-section { display: none!important; } .st-banner .srch-icon img { width: 64px!important; } }@media(min-width:384px) and (max-width:600px) { .absolutecls h2 div { font-size: 15px; } .absolutecls button { display: none; } .middle-btn a:link, .middle-btn a:visited, .middle-btn, .middle-btn a:hover, .middle-btn a:active { padding-left: 0!important; padding-right: 0!important; } .nxt-btn a:link, .nxt-btn a:visited, .nxt-btn, .nxt-btn a:hover, .nxt-btn a:active { padding-left: 0!important; padding-right: 0!important; } .pre-btn a:link, .pre-btn a:visited, .pre-btn, .pre-btn a:hover, .pre-btn a:active { padding-left: 0!important; padding-right: 10px!important; } .navbar .nav-main { display: none; } .sidebar { display: none; } button.btn-responsive-nav { z-index: 9999!important; display: block!important; } div.featured-box { height: auto!important; } ul.sprite li { width: 177px!important; } }@media(min-width:415px) and (max-width:568px) { .absolutecls h2 div { font-size: 15px; } .absolutecls button { display: none; } .middle-btn a:link, .middle-btn a:visited, .middle-btn, .middle-btn a:hover, .middle-btn a:active { padding-left: 0!important; padding-right: 0!important; } .nxt-btn a:link, .nxt-btn a:visited, .nxt-btn, .nxt-btn a:hover, .nxt-btn a:active { padding-left: 0!important; padding-right: 0!important; } .pre-btn a:link, .pre-btn a:visited, .pre-btn, .pre-btn a:hover, .pre-btn a:active { padding-left: 0!important; padding-right: 10px!important; } .navbar .nav-main { display: none; } .sidebar { display: none; } div.featured-box { height: auto!important; } button.btn-responsive-nav { z-index: 9999!important; display: block!important; } ul.nav-list.primary>li a { background: url(../../images/list-icon.png) no-repeat 0 14px; } ul.nav-list.primary>li a { padding: 14px 17px; font-size: 115%} div.featured-box { background: none!important; box-shadow: none!important; border-bottom: 0 solid #dfdfdf!important; border-left: 1px solid #ececec!important; } div.featured-box ul.menu { margin: -7px 0 0 0!important; padding: 0!important; } div.featured-box h4 { line-height: 46px!important; background: #888787!important; text-align: left!important; border-radius: 4px!important; margin: 15px 0 0 0!important; padding-left: 9px; } ul.menu li { font-size: 115%; list-style: none; line-height: 38px!important; } ul.menu li a { background: #ddd!important; color: #424242!important; padding: 5px 10px!important; margin: 4px 0!important; border-bottom: 0 dotted #bbb!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } ul.menu li a:hover { background-color: #426c56!important; color: #fff!important; } .content h1 { font-size: 30px; } .content h2 { font-size: 26px; } .inner #sub-menu, div.footer-copyright .col-md-4, div.footer-copyright .col-md-6 { width: 100%!important; text-align: center; float: center; font-size: 14px; height: 25px; padding: 0!important; } ul.sprite li { width: 165px!important; } .inner .col-md-1, .inner .col-md-2, .inner .col-md-3, .map-section { display: none!important; } .st-banner .srch-icon img { width: 56px!important; } }@media(min-width:240px) and (max-width:320px) { .absolutecls h2 div { font-size: 11px; line-height: 21px; } .absolutecls h2 { font-size: 35px; } .absolutecls button { display: none; } .middle-btn a:link, .middle-btn a:visited, .middle-btn, .middle-btn a:hover, .middle-btn a:active { padding-left: 0!important; padding-right: 0!important; } .nxt-btn a:link, .nxt-btn a:visited, .nxt-btn, .nxt-btn a:hover, .nxt-btn a:active { padding-left: 0!important; padding-right: 0!important; } .pre-btn a:link, .pre-btn a:visited, .pre-btn, .pre-btn a:hover, .pre-btn a:active { padding-left: 0!important; padding-right: 10px!important; } .navbar .nav-main { display: none; } .sidebar { display: none; } button.btn-responsive-nav { top: 35px; z-index: 9999!important; display: block!important; } div.featured-box { height: auto!important; } ul.nav-list.primary>li a { background: url(../../images/list-icon.png) no-repeat 0 14px; } ul.nav-list.primary>li a { padding: 14px 17px; font-size: 115%} div.featured-box { background: none!important; box-shadow: none!important; border-bottom: 0 solid #dfdfdf!important; border-left: 1px solid #ececec!important; } div.featured-box ul.menu { margin: -7px 0 0 0!important; padding: 0!important; } div.featured-box h4 { line-height: 46px!important; background: #888787!important; text-align: left!important; border-radius: 4px; margin: 15px 0 0 0!important; padding-left: 9px; } ul.menu li { font-size: 115%; list-style: none; line-height: 38px!important; } ul.menu li a { background: #ddd!important; color: #424242!important; padding: 5px 10px!important; margin: 4px 0!important; border-bottom: 0 dotted #bbb!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } ul.menu li a:hover { background-color: #426c56!important; color: #fff!important; } .content h1 { font-size: 24px!important; } .content h2 { font-size: 21px; } div.cover img { left: -5px!important; } .inner #sub-menu, div.footer-copyright .col-md-4, div.footer-copyright .col-md-6 { width: 100%!important; text-align: center; float: center; font-size: 14px; height: 25px; padding: 0!important; } .inner .col-md-1, .inner .col-md-2, .inner .col-md-3, .map-section, #codingground { display: none!important; } .st-banner .srch-icon img { width: 63px!important; } .butn-srch { display: none!Important; } .st-banner { padding: 20px 0 40px 0!important; padding: 0!important; height: auto!important; } .st-banner h6 { font-size: 14px!important; } .st-banner .srch-icon { border: 1px solid #9d9d9d!important; } .form-controls { border-radius: 6px!important; width: 100%!important; font-size: 16px!important; padding: 10px!important; width: 95%!important; margin: 8px auto 8px auto!important; border: 4px solid #777!important; } header { height: 37px!important; } h1.thick-heading { font-size: 30px!important; } .st-banner h4 { display: none!important; } }@media(min-width:321px) and (max-width:414px) { .absolutecls h2 div { font-size: 11px; line-height: 21px; } .absolutecls h2 { font-size: 35px; } .absolutecls button { display: none; } .middle-btn a:link, .middle-btn a:visited, .middle-btn, .middle-btn a:hover, .middle-btn a:active { padding-left: 0!important; padding-right: 0!important; } .nxt-btn a:link, .nxt-btn a:visited, .nxt-btn, .nxt-btn a:hover, .nxt-btn a:active { padding-left: 0!important; padding-right: 0!important; } .pre-btn a:link, .pre-btn a:visited, .pre-btn, .pre-btn a:hover, .pre-btn a:active { padding-left: 0!important; padding-right: 10px!important; } .navbar .nav-main { display: none; } .sidebar { display: none; } button.btn-responsive-nav { z-index: 9999!important; display: block!important; } div.featured-box { height: auto!important; } ul.nav-list.primary>li a { background: url(../../images/list-icon.png) no-repeat 0 14px; } ul.nav-list.primary>li a { padding: 14px 17px; font-size: 115%} div.featured-box { background: none!important; box-shadow: none!important; border-bottom: 0 solid #dfdfdf!important; border-left: 1px solid #ececec!important; } div.featured-box ul.menu { margin: -7px 0 0 0!important; padding: 0!important; } div.featured-box h4 { line-height: 46px!important; background: #888787!important; text-align: left!important; border-radius: 4px!important; margin: 15px 0 0 0!important; padding-left: 9px; } ul.menu li { list-style: none; font-size: 115%; line-height: 38px!important; } ul.menu li a { background: #ddd!important; color: #424242!important; padding: 5px 10px!important; margin: 4px 0!important; border-bottom: 0 dotted #bbb!important; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } ul.menu li a:hover { background-color: #426c56!important; color: #fff!important; } .content h1 { font-size: 24px!important; } .content h2 { font-size: 21px; } .inner #sub-menu, div.footer-copyright .col-md-4, div.footer-copyright .col-md-6 { width: 100%!important; text-align: center; float: center; font-size: 14px; height: 25px; padding: 0!important; } .inner .col-md-1, .inner .col-md-2, .inner .col-md-3, .map-section, #codingground { display: none!important; } .st-banner h6 { font-size: 14px!important; } h1.thick-heading { font-size: 31px!important; } header { height: 37px!important; } .butn-srch { display: none!Important; } .st-banner { padding: 20px 0 40px 0!important; padding: 0!important; height: auto!important; } .form-controls { border-radius: 6px!important; font-size: 16px!important; padding: 10px!important; width: 96%!important; margin: 8px auto 8px auto!important; } }.course-img img { width: 105%; padding: 0; display: inline; } .course-txt { padding: 2px; margin: 0; height: 60px; text-align: center; } .course-box h2 { padding: 0!important; margin: 0; font-size: 18px; } .course-box hr.tall { margin: 10px 0 0 0; } .course-stat-tag { font-size: 14px; display: block; padding: 5px 0; margin: 0 10px; color: #9b9b9b; } .course-stat { font-size: 12px; font-weight: bold; display: block; padding: 5px 0; margin: 0 10px; color: #717171; } div.price-tag { width: 30%; float: left; text-align: left; } div.type-tag { width: 40%; float: left; text-align: center; } div.lang-tag { width: 30%; float: right; text-align: right; } div.price { width: 30%; float: left; text-align: left; } div.type { width: 40%; float: left; text-align: center; } div.lang { width: 30%; float: right; text-align: right; } div.green-bg { background: #00420f url(../../images/pattern.png) repeat center center; } div.blue-bg { background: #034676 url(../../images/pattern.png) repeat center center; } div.teal-bg { background: #2d7572 url(../../images/pattern.png) repeat center center; } div.purple-bg { background: #2a2a4d url(../../images/pattern.png) repeat center center; } div.yellow-bg { background: #8c7100 url(../../images/pattern.png) repeat center center; } div.black-bg { background: #353535 url(../../images/pattern.png) repeat center center; } div.red-bg { background: #642122 url(../../images/pattern.png) repeat center center; } footer div.footer-ribon, div.footer-copyright, header nav ul.nav-main li.dropdown-menu:hover a { background: #00420f url(../../images/pattern.png) repeat center center; } div.background { width: 100%; height: 200px; text-align: center; padding-top: 40px; padding-bottom: 40px; } div.background div.cat-punch-line { color: #fff; padding-top: 0; font-size: 20px; } div.background span.cat-title { color: #fff; display: block; text-align: center; font-weight: 700; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); border-width: 0; margin: 0; padding: 0; font-size: 62px; visibility: visible; opacity: 1; padding-top: 20px; padding-bottom: 40px; } h1.thick-heading { clear: both; color: #aaa; display: block; text-align: center; font-weight: 500; text-shadow: 0 0 0 rgba(0, 0, 0, 0); line-height: 36px; border-width: 0; font-size: 36px; visibility: visible; opacity: 1; } h1.head { clear: both; color: #eee; display: block; text-align: center; font-weight: 700; text-shadow: 0 0 0 rgba(0, 0, 0, 0); border-width: 0; font-size: 33px; visibility: visible; opacity: 1; } div.background img { display: inline; } @media(max-width:479px) { div.background span.cat-title { line-height: 32px!important; font-size: 32px!important; padding-top: 5px!important; } .course-box { width: 95%!important; } div.background div.cat-punch-line { font-size: 10px; padding-top: 5px; } .col-md-2 { width: 100%} }@media(max-width:768px) { div.blue-bg, div.black-bg, div.yellow-bg, div.teal-bg, div.red-bg, div.purple-bg, div.green-bg { height: 100%} div.background span.cat-title { line-height: 42px; font-size: 42px; padding-top: 20px; } .hide-me { display: none!important; } }.col-md-4 .course-box, .col-md-3 .course-box, .col-md-2 .course-box { text-align: center; } .col-md-4 .course-box a:hover, .col-md-3 .course-box a:hover, .col-md-2 .course-box a:hover { opacity: .4; filter: alpha(opacity=40); } pre.prettyprint { line-height: 16px; } p.featured { font-size: 1.6em; line-height: 1.5em; text-align: justify; } .lead { margin-bottom: 20px; font-size: 19px!important; font-weight: 200; line-height: 1.4; } div.feature-box div.feature-box-icon { -moz-border-radius: 35px; -webkit-border-radius: 35px; background: #CCC; border-radius: 35px; color: #FFF; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; } div.feature-box div.feature-box-info { padding-left: 50px; } div.feature-box div.feature-box-info h4 { font-size: 18px; } div.feature-box { clear: both; } header nav ul.nav-main ul.dropdown-menu>li { padding: 0; font-size: 12px; color: #434343; border-bottom: 1px solid #ccc; font-weight: bold; } header nav ul.nav-main ul.dropdown-menu>li>a { padding: 8px 0 8px 10px; font-size: 12px; color: #434343; background: #fff!important; font-weight: bold; } header nav ul.nav-main ul.dropdown-menu>li>a:hover { padding: 8px 0 8px 15px; font-size: 12px; color: #fff; font-weight: bold; margin: 0; } #mainMenu>li:hover a.dropdown-toggle { color: #fff; border-bottom-left-radius: 0!important; border-bottom-right-radius: 0!important; } #mainMenu>li:hover { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; } #mainMenu>li:last-child:hover { border-bottom-right-radius: 0; border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-bottom-right-radius: 0; -moz-border-bottom-left-radius: 0; -khtml-border-bottom-right-radius: 0; -khtml-border-bottom-left-radius: 0; } ul.nav-top>li>a:hover { text-decoration: none; background-color: #eee; } button#my-loginscrl:hover { background: #316441; color: #fff; } button#my-loginscrl { background: 0; padding: 5px 10px 4px 8px; margin: 0; cursor: pointer; outline: 0; color: #434343; width: 100%; text-align: left; border: 0 solid #ccc; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: bold; } button#my-signupscrl:hover { background: #316441; color: #fff; } button#my-signupscrl { background: 0; padding: 5px 10px 4px 8px; margin: 0; cursor: pointer; outline: 0; color: #434343; width: 100%; text-align: left; border: 0; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; } .left-menu { margin-top: 10px 0!important; padding: 0; } .job-box { padding: 0; margin: 0 auto; max-width: 728px; } header nav ul.nav-main li a { font-size: 12px; font-style: normal; margin-left: 3px; margin-right: 3px; text-transform: uppercase; font-weight: 700; text-decoration: none; } footer i.icon, footer ul.list.icons li i, div.home-intro p em { color: #316441!important; } .big-icon { width: 100px; height: 100px; padding: 5px; } header nav ul.nav-top li a, header nav ul.nav-top li span { color: #999; font-size: .9em; padding: 6px 5px; margin: 0; } header nav ul.nav-main { margin: -7px -5px 4px 0; } .fa-thumbs-o-up:before { content: "\f087"; font-family: fontAwesome; font-weight: normal; font-style: normal; font-size: 100%} .act:hover { background: #eee!important; } .follow { display: none; } ul li:hover ul { display: block; } .top-pills { position: absolute; padding: 7px 11px!important; margin: 0!important; right: 1px; background: #eee; border: 1px solid #eee; z-index: 99; border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; height: 46px; width: 198px!important; box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; -moz-box-shadow: 0 2px 2px #ccc; -khtml-box-shadow: 0 2px 2px #ccc; } ul.top-pills li a { display: block; height: 28px; width: 28px; text-align: center; } body.sticky-menu-active header nav ul.nav-top { margin: 42px 0 0 0; } body.sticky-menu-active #searchBar { margin: 42px 0 0 15px; } body.sticky-menu-active #mainMenu { position: relative; top: 14px; } header nav { float: right; position: relative; left: 30px; } body.sticky-menu-active header { -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); border-bottom: 1px solid #e9e9e9; position: fixed; top: -45px; width: 100%; z-index: 1001; box-shadow: 0 0 3px rgba(0, 0, 0, 0.10); filter: none; } header nav ul.nav-main li.dropdown:hover>ul { display: block; margin: 0 0 0 -1px; position: absolute!important; padding: 0; background: #fff!important; min-width: 200px!important; -webkit-transition: width 2s, height 2s, -webkit-transform 2s; transition: width 2s, height 2s, transform 2s; border-top-left-radius: 4px; border-top-right-radius: 0; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0; -moz-border-top-left-radius: 4px; -moz-border-top-right-radius: 0; -khktml-border-top-left-radius: 4px; -khtml-border-top-right-radius: 0; -webkit-box-shadow: 0 8px 6px -6px black; -moz-box-shadow: 0 8px 6px -6px black; box-shadow: 0 8px 6px -6px black; } .nav>li>a { position: relative; display: block; padding: 7px 10px; } header h1.logo.logo-sticky-active img { width: 244px!important; height: 68px!important; top: 37px!important; } header nav ul.nav-main ul.dropdown-menu>li:last-child>a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .course-box { width: 100%; padding: 6px 3px!important; border: 1px solid #d6d6d6; float: left; margin: 5px; overflow: hidden; background-color: transparent!important; } .big-box { width: auto!important; padding: 3px!important; } div.featured-box { font-size: 14px; -moz-border-radius: 8px; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); -moz-box-sizing: border-box; -webkit-border-radius: 8px; -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); background: #fff; background: -webkit-gradient(linear, left top, left bottom, color-stop(#fff, 0.01), color-stop(#f9f9f9, 0.98)); background: -webkit-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: -moz-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: -o-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: linear-gradient(top, #fff 1%, #f9f9f9 98%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fff), color-stop(98%, #f9f9f9)); background: -webkit-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: -moz-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: -o-linear-gradient(top, #fff 1%, #f9f9f9 98%); background: linear-gradient(top, #fff 1%, #f9f9f9 98%); background: -webkit-linear-gradient(to bottom, #fff 1%, #f9f9f9 98%); background: -moz-linear-gradient(to bottom, #fff 1%, #f9f9f9 98%); background: -o-linear-gradient(to bottom, #fff 1%, #f9f9f9 98%); background: linear-gradient(to bottom, #fff 1%, #f9f9f9 98%); border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-radius: 8px; border-right: 1px solid #ececec; box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFfff', endColorstr='#f9f9f9', GradientType=0); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } div.featured-box h4 { text-align: center; color: #fefafa; background: #888787!important; background: #527c5f!important; position: relative; margin-bottom: 0; top: -7px; -moz-border-radius: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 1.1em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; text-transform: uppercase; } ul.menu::-webkit-scrollbar { width: 9px; border-radius: 6px; -webkit-border-radius: 6px; } ul.menu::-webkit-scrollbar-track { background-color: #fafafa; border-left: 0 solid #ccc; border-radius: 6px; -webkit-border-radius: 6px; } ul.menu::-webkit-scrollbar-thumb { background-color: #15700d; border-radius: 6px; -webkit-border-radius: 6px; } ul.menu ::-webkit-scrollbar-thumb:hover { background-color: #aaa; } ul.menu li { margin: 0; line-height: 18px; } ul.menu li a { text-align: left; display: block; padding: 5px 0; border-bottom: 1px dotted #bbb; color: #434343!important; } ul.menu li a:hover { text-decoration: none; background-color: #e0e0e0; border-left: 1px dotted #bbb; border-right: 1px dotted #bbb; color: #fff!important; } header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu { border-radius: 6px; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { background: #FFF!important; border-top: 6px solid #CCC; color: #777; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); } header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { width: 100%; left: 0; right: 0; } header nav.mega-menu ul.nav-main .mega-menu-content { text-shadow: none; width: 450px; } header nav.mega-menu .mega-menu-content { padding: 5px; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu { list-style: none!important; padding: 0; margin: 0; } header nav.mega-menu ul.nav-main .mega-menu-content ul.sub-menu { text-shadow: none; list-style: none!important; padding: 0; margin: 0 10px; } header nav.mega-menu ul.nav-main .mega-menu-content ul.sub-menu li { padding: 0 10px; margin: 0; border-bottom: 1px solid #ccc; cursor: pointer; line-height: 32px; } header nav.mega-menu ul.nav-main .mega-menu-content ul.sub-menu li:hover a { color: #fff!important; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a { color: #fff!important; text-shadow: none; margin: 0 0 0 -8px; padding: 3px 8px; text-transform: none; font-size: .9em; display: block; font-weight: normal; border-radius: 4px; border: 0; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a:hover { color: #fff!important; text-shadow: none; margin: 0 0 0 -8px; padding: 3px 8px; text-transform: none; font-size: .9em; display: block; font-weight: normal; border-radius: 4px; border: 0; } header nav ul.nav-main ul.dropdown-menu li:last-child>a { border-bottom: 0; } #megaamenuu { margin: -3px 0 0 0; left: -61px; } h2 span { text-align: right; float: right; font-size: 14px; color: #888; text-shadow: 0 0 0 #ccc!important; margin-right: 15px; } .front-icons { height: 100px; border: 1px solid #d6d6d6; background: #eee!important; vertical-align: middle; padding: 15px; } .wrapLoader { width: 100%; margin: 0; height: 5500px; position: absolute; background-color: #eee; opacity: .95; z-index: 1000; display: none; } .imgLoader { margin: 0 auto; position: fixed; top: 50%; left: 50%} .selected-reading-boxes .col-md-3 .course-box { background-color: transparent!important; } footer ul.list li { background: none!important; padding: 0; } p { word-wrap: break-word; } h1.mbv { margin: 0!important; padding: 0important; width: 100%; display: none; } .big-box { width: auto!important; padding: 0!important; border: 1px solid #c6c6c6; background: #fff; box-shadow: 1px 1px 4px #ccc; margin: 20px 12px 25px 12px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .trends { background: #4f7b5d; padding: 2px 10px!important; color: #fff; text-align: center; font-family: calibri, sans-serif; border: 1px solid #007234; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .trends a { color: #fff; } .fa-mail-forward:before { content: "\f064"; font-family: FontAwesome; font-weight: normal; font-size: 80%; color: #fff; font-style: normal; } .fa-play:before { content: "\f04b"; font-family: FontAwesome; font-weight: normal; font-size: 80%; color: #fff; font-style: normal; } .form-controls { display: block; font-size: 18px; line-height: 1.42857143; color: #555; background-color: #f6f6f6; background-image: none; border: 2px solid #fff; padding: 10px; width: 60%; margin: 8px auto 8px auto; border-bottom-left-radius: 6px; border-top-left-radius: 6px; outline: 0; } .st-banner { background-image: url(../../images/search-bg.jpg)!important; background-position: top center!important; background-size: cover!important; color: #fff; padding: 140px 0 40px 0; margin: 0; height: 520px; } .butn-srch { background: #024622; border: 1px solid #f6f6f6; padding: 10px 20px 9px 20px; margin: 0; position: absolute; top: 60px; right: 240px; font-size: 140%; color: #fff; outline: 0; } .butn-srch:hover { background: #024622; border: 1px solid #f6f6f6; color: #fff; outline: 0; } .st-banner h4 { color: #fff; font-size: 20px; text-align: center; padding: 10px 0; margin: 5px; font-weight: normal; } .st-banner .srch-icon img { width: 70px; margin: 11px 0; padding: 0 13px; } .st-banner .srch-icon { margin: 10px 1px; padding: 19px 0; background: #424242; border-radius: 4px; border: 1px solid #616161; opacity: .9; } .st-banner .srch-icon:hover { margin: 10px 1px; padding: 19px 0; background: #818181; border-radius: 4px; border: 1px solid #eee; opacity: .8; } .st-banner h6 { color: #fff; font-size: 20px; text-align: center; padding: 10px 0; margin: 5px; font-weight: normal; } .st-banner h6 em { font-family: "Shadows Into Light", cursive; font-size: 20px; color: #ebebeb; font-weight: bold; } @media(max-width:991px) { header nav ul.nav-top, header div.header-top { display: none; } body.boxed div.body { margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } header div.nav-main-collapse, header div.nav-main-collapse.in { width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; } header nav.nav-main ul.nav-main { float: none; position: static; margin: 8px 0; } header div.nav-main-collapse.collapse { display: none!important; } header div.nav-main-collapse { top: 8px; position: relative; } header div.nav-main-collapse.in { display: block!important; } header div.nav-collapse div.container nav.nav-main { float: left; width: 100%} header.flat-menu nav ul.nav-main li a { color: #FFF!important; } header div.nav-main-collapse { background: #171717; max-height: none; } header>div.container, header.flat-menu>div.container { margin-bottom: 0; } header nav ul.nav-main { margin-right: -10px; } header div.nav-collapse { background: #171717; width: 100%; clear: both; width: 100%} header nav.nav-main { padding: 10px 0; clear: both; display: block; float: none; width: 100%} header nav.nav-main ul, header nav.nav-main ul li, header.flat-menu ul.nav-main { padding: 0; margin: 0; } header nav.nav-main ul li { clear: both; float: none; display: block; border-bottom: 1px solid #2a2a2a; } header nav ul.nav-main>li+li { margin-left: 0; } header nav ul.nav-main li a, header nav ul.nav-main ul.dropdown-menu li>a, header.flat-menu nav ul.nav-main li a, header.flat-menu nav ul.nav-main li.dropdown:hover>a, body header.single-menu nav ul.nav-main li.active>a { padding: 9px 8px; border: 0; border-top: 0; margin: 0; } header nav.nav-main ul li:last-child, header nav ul.nav-main ul.dropdown-menu li>a { border-bottom: 0; } header nav ul.nav-main li.dropdown:hover>a { margin-bottom: -2px; } header nav ul.nav-main li a { color: #FFF; clear: both; float: none; display: block; padding-left: 0; } header nav ul.nav-main li a i.icon-angle-down { position: absolute; right: 5px; top: 10px; } header nav.nav-main ul ul { margin-left: 20px!important; } header nav.nav-main ul.dropdown-menu { position: static; clear: both; float: none; } header nav ul.nav-main ul.dropdown-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } header nav.nav-main li.resp-active>ul.dropdown-menu { display: block!important; } header nav ul.nav-main .dropdown-submenu>a:after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF; } header nav ul.nav-main .dropdown-submenu:hover>a:after { border-left-color: transparent; } body header nav ul.nav-main ul.dropdown-menu, body header nav ul.nav-main li.dropdown.open a.dropdown-toggle, body header nav ul.nav-main li a, body header nav ul.nav-main li>a:hover, body header nav ul.nav-main li.active a, body header nav ul.nav-main li.dropdown:hover a, body header nav ul.nav-main ul.dropdown-menu li:hover>a, body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li>a:hover, body header.flat-menu nav ul.nav-main li.dropdown:hover a { background-color: transparent!important; } body header.flat-menu nav ul.nav-main li>a:hover, body header.flat-menu nav ul.nav-main li.dropdown:hover a { background: transparent!important; } header.center nav ul.nav-main>li { display: block; } header nav ul.nav-main ul.sub-menu { padding: 0; margin: 0 0 10px 0; } body.boxed header.single-menu>div.container, body.boxed header.flat-menu>div.container { height: 95px; margin-bottom: 10px; } body.boxed header.single-menu ul.nav-main, body.boxed header.flat-menu ul.nav-main { margin: 5px 25px 5px 0; } body.boxed header.single-menu nav ul.nav-main>li>a, body.boxed header.flat-menu nav ul.nav-main>li>a { padding: 9px 8px!important; } button.btn-responsive-nav { background:none; background-image: url("../../images/menu.png"); background-repeat: no-repeat; background-position: center bottom; display: block; position: absolute; right: 20px; color: #FFF; margin-top: 2.5%; min-height: 20px; } header.single-menu button.btn-responsive-nav { top: 30px; } header.center button.btn-responsive-nav, header.flat-menu button.btn-responsive-nav { top: 35px; } button.btn-responsive-nav:hover, button.btn-responsive-nav:active, button.btn-responsive-nav:focus { background-image: url("../../images/menu.png"); background-repeat: no-repeat; background-position: center bottom; margin-top: 2.5%; min-height: 20px; opacity: 0.6; } header h1.logo img { max-width: 250px; } header.center h1.logo { text-align: left; } header div.header-top ul.nav-top { float: left; margin: 7px 0 0 -15px; min-height: 5px; } header div.social-icons { display: none; } header div.search { display: none; } a.thumb-info span.thumb-info-title { font-size: 14px; } a.thumb-info span.thumb-info-more { font-size: 11px; } div.home-concept { background: 0; } div.home-concept div.project-image { margin: 60px auto 0 auto; } div.home-concept div.process-image { margin-top: 60px; } div.portfolio-nav, div.portfolio-nav-all { display: none; } .parallax { background-size: auto 100%!important; background-position: 0 0!important; } .thumbnail { border: 0; text-align: center; } ul.sort-destination.isotope { overflow: visible!important; height: auto!important; } .isotope-item { position: static!important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -moz-transform: none!important; -ms-transform: none!important; -o-transform: none!important; -webkit-transform: none!important; transform: none!important; } .isotope-hidden { display: none!important; } ul.team-list div.team-item { margin: 0 auto 35px; max-width: 270px; } .isotope-item.col-md-3 { max-width: 292px; } div.featured-boxes div.featured-box { max-width: 350px; } section.timeline .timeline-box, section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { display: none; } footer span.phone { font-size: 20px; } a.scroll-to-top { display: none!important; } nav.mega-menu .mega-menu-signin a { color: #FFF; } nav.mega-menu .mega-menu-signin a .icon-angle-down { right: 25px; } nav.mega-menu .mega-menu-signin .dropdown-menu { margin: 25px 0 0!important; padding: 0; width: 95%; right: 0; } body header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a { color: #FFF; } nav.mega-menu .mega-menu-signin.logged .user-avatar strong, nav.mega-menu .mega-menu-signin.logged .user-avatar span, nav.mega-menu .mega-menu-signin.logged .list-account-options a, nav.mega-menu .mega-menu-signin.logged .list-account-options a:hover { color: #FFF!important; } nav.mega-menu .mega-menu-signin.logged .list-account-options { margin: 25px 0 0 0!important; } body header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a { padding: 6px 0!important; margin-left: 10px; } div.shop .actions-continue { float: none; } div.shop table.cart th.product-price, div.shop table.cart td.product-price, div.shop table.cart th.product-quantity, div.shop table.cart td.product-quantity { display: none; } nav.mega-menu .mega-menu-shop a { color: #FFF; } header nav.nav-main li.mega-menu-shop>ul.dropdown-menu, nav.mega-menu .mega-menu-shop a .icon-angle-down { display: none!important; } .offset-anchor { top: 0; } }@media(max-width:767px) { h1.big { font-size: 3.2em; line-height: 42px; } body.boxed { background: none!important; } header { display: block; } header>div.container { width: 100%} header.center nav { width: auto; } header nav ul.nav-top { float: right; margin-right: 0; } button.btn-responsive-nav { top: 55px; } header div.social-icons { display: none; } div.sort-source-wrapper { background: #171717; margin-top: -40px; } .sort-destination, .isotope-item { margin-left: auto!important; margin-right: auto!important; max-width: 380px; } .sort-destination.full-width, .sort-destination.full-width .isotope-item { max-width: none; } div.slider>ul>li>div.caption { margin-left: 20px!important; } div.slider>ul>li>div.center-caption { margin-left: 0!important; } div.home-intro-compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } div.pricing-table { margin-left: 0; } div.pricing-table div.plan { margin-right: 0; } footer span.phone { font-size: 20px; } }@media(max-width:479px) { h2 { line-height: 40px; } span.arrow { display: none; } header nav ul.nav-top, header div.header-top { display: none; } section.page-top { padding: 16px 0; } section.page-top h2 { line-height: 38px; } ul.comments li { border-left: 8px solid #ddd; clear: both; padding: 0 0 0 10px; } ul.comments li div.img-thumbnail, ul.comments div.comment-arrow { display: none; } article.post-large div.post-image, article.post-large div.post-date, article.post-large { margin-left: 0; } section.page-not-found { margin: 0; } section.page-not-found h2 { font-size: 100px; letter-spacing: 0; line-height: 100px; } .owl-carousel-spaced { margin-left: 0; } .sort-destination, .isotope-item { margin-left: auto!important; margin-right: auto!important; max-width: 240px; } .sort-destination.full-width { margin-top: -35px; } .sort-destination.full-width .isotope-item { position: static!important; clear: both; float: none; width: auto; } div.sort-source-wrapper { display: none; } ul.history li div.thumb { display: none; } ul.history li div.featured-box { margin-left: 0; } div.home-concept div.project-image { background-position: 0 0; margin-left: auto; max-width: 160px; max-height: 220px; } div.home-concept div.fc-slideshow, div.home-concept div.fc-slideshow img { max-height: 145px; max-width: 145px; } section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; } section.timeline .timeline-box, section.timeline .timeline-box.right { margin: 15px auto; max-width: 90%} }@media(max-width:600px) { header nav ul.nav-top li { display: none; } header nav ul.nav-top li.phone { display: block; } }@media(max-width:539px) { .course-box { width: 98%!important; } }#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 9999; overflow: hidden; } #cboxOverlay { position: fixed; width: 100%; height: 100%} #cboxMiddleLeft, #cboxBottomLeft { clear: left; } #cboxContent { position: relative; } #cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; } #cboxTitle { margin: 0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; } .cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; } .cboxIframe { width: 100%; height: 100%; display: block; border: 0; } #colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; } #cboxOverlay { background: #aaa; } #colorbox { outline: 0; } #cboxContent { margin-top: 20px; background: #aaa; } .cboxIframe { background: #fff; } #cboxError { padding: 50px; border: 1px solid #ccc; } #cboxLoadedContent { border: 4px solid #a1a0a0; background: #fff; } #cboxTitle { position: absolute; top: -20px; left: 0; color: #ccc; } #cboxCurrent { position: absolute; top: -20px; right: 0; color: #ccc; } #cboxLoadingGraphic { background: url(../../images/loading.gif) no-repeat center center; } #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: 0; } #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; } #cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; } #cboxPrevious { position: absolute; top: 50%; left: 5px; margin-top: -32px; background: url(../../images/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; } #cboxPrevious:hover { background-position: bottom left; } #cboxNext { position: absolute; top: 50%; right: 5px; margin-top: -32px; background: url(../../images/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; } #cboxNext:hover { background-position: bottom right; } #cboxClose { position: absolute; top: 5px; right: 5px; display: block; background: url(../../images/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; } #cboxClose:hover { background-position: bottom center; } @media screen { .str { color: #080; } .kwd { color: #008; } .com { color: #800; } .typ { color: #7f0055; } .lit { color: #066; } .pun, .opn, .clo { color: #660; } .tag { color: #008; } .atn { color: #7f0055; } .atv { color: #080; } .dec, .var { color: #7f0055; } .fun { color: #f00; } }@media print, projection { .str { color: #060; } .kwd { color: #006; font-weight: bold; } .com { color: #600; font-style: italic; } .typ { color: #404; font-weight: bold; } .lit { color: #044; } .pun, .opn, .clo { color: #440; } .tag { color: #006; font-weight: bold; } .atn { color: #404; } .atv { color: #060; } }pre.prettyprint { background-color: #2C2C2C; width: 98%; border-radius: 3.5px; padding: 15px; margin: 0; margin-bottom: 10px; font-size: 12px; overflow: auto; } tr td pre.prettyprint { white-space: pre-wrap; width: auto; } pre.result { border: 1px solid #d6d6d6; background-color: #f1f1f1; width: 98%; padding: 5px; margin: 0; margin-bottom: 0; font-size: 12px; overflow: auto; } pre.box { border: 1px solid #d6d6d6; background-color: #f1f1f1; width: 98%; padding: 5px; margin: 0; margin-bottom: 10px; font-size: 12px; overflow: auto; } ol.linenums { margin-top: 0; margin-bottom: 0; } li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: none; } li.L1, li.L3, li.L5, li.L7, li.L9 { background: #eee; } pre.custombox { width: 98%; border-radius: 3.5px !important; padding: 15px; margin: 0; border:none; margin-bottom: 10px; font-size: 12px; overflow: auto; opacity:0.75; } pre.custombox:hover { opacity:1; }