/* Theme Name: Teacher Resources Theme URI: http://multidots.com/ Author: multidots Author URI: http://multidots.com/ Description: this is the Teacher Resources website theme, teacher user can download resourses pdf Version: 1.0.0 License: GNU General Public License v2 or later License URI: LICENSE Text Domain: Succeedu Tags: teacherresourses This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Teacher Resources is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc. Underscores is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/ */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Normalize # Typography # Elements # Forms # Navigation ## Links ## Menus # Accessibility # Alignments # Clearings # Widgets # Content ## Posts and pages ## Comments # Infinite scroll # Media ## Captions ## Galleries --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ body, button, input, select, textarea { color: #404040; font-size: 16px; font-size: 1rem; line-height: 1.5; font-family: 'dinregular'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 { clear: both; } p { margin-bottom: 1.5em; } dfn, cite, em, i { font-style: italic; } blockquote { margin: 0 1.5em; } address { margin: 0 0 1.5em; } pre { background: #eee; font-family: "Courier 10 Pitch", Courier, monospace; font-size: 15px; font-size: 0.9375rem; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; overflow: auto; padding: 1.6em; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 15px; font-size: 0.9375rem; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } mark, ins { background: #fff9c0; text-decoration: none; } big { font-size: 125%; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background: #fff; /* Fallback for when there is no custom background color defined. */ } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } ul, ol { margin: 0 0 1.5em 3em; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: bold; } dd { margin: 0 1.5em 1.5em; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #ccc #ccc #bbb; border-radius: 3px; background: #e6e6e6; color: rgba(0, 0, 0, .8); font-size: 12px; font-size: 0.75rem; line-height: 1; padding: .6em 1em .4em; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { border-color: #ccc #bbb #aaa; } button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active { border-color: #aaa #bbb #bbb; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { color: #666; border: 1px solid #ccc; border-radius: 3px; padding: 3px; } select { border: 1px solid #ccc; } input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #111; } textarea { width: 100%; } /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: royalblue; } a:visited { color: purple; } a:hover, a:focus, a:active { color: midnightblue; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ .main-navigation { clear: both; display: block; float: left; width: 100%; } .main-navigation ul { display: none; list-style: none; margin: 0; padding-left: 0; } .main-navigation li { float: left; position: relative; } .main-navigation a { display: block; text-decoration: none; } .main-navigation ul ul { box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); float: left; position: absolute; top: 1.5em; left: 0; z-index: 99999; display: none; } .main-navigation ul ul ul { left: -999em; top: 0; } .main-navigation ul ul a { width: 200px; } .main-navigation ul ul li { } .main-navigation li:hover > a, .main-navigation li.focus > a { } .main-navigation ul ul:hover > a, .main-navigation ul ul .focus > a { } .main-navigation ul ul a:hover, .main-navigation ul ul a.focus { } .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul { left: 0; display: block; } .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { left: 100%; } .main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current-menu-ancestor > a { } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } @media screen and (min-width:37.5em) { .menu-toggle { display: none; } .main-navigation ul { display: block; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; } /* Make sure select elements fit in widgets. */ .widget select { max-width: 100%; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky { display: block; } .hentry { margin: 0 0 1.5em; } .byline, .updated:not(.published) { display: none; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */ .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } ul { list-style: none; margin: 0; padding: 0; } /*Font*/ @font-face { font-family: 'BreeSerif-Regular'; src: url('webkit/breeserif-regular-webfont.woff2') format('woff2'), url('webkit/breeserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'chalkboard_bold'; src: url('webkit/chalkboard_bold-webfont.eot'); src: url('webkit/chalkboard_bold-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/chalkboard_bold-webfont.woff2') format('woff2'), url('webkit/chalkboard_bold-webfont.woff') format('woff'), url('webkit/chalkboard_bold-webfont.svg#webfontregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'chalkboard'; src: url('webkit/chalkboard-webfont.eot'); src: url('webkit/chalkboard-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/chalkboard-webfont.woff2') format('woff2'), url('webkit/chalkboard-webfont.woff') format('woff'), url('webkit/chalkboard-webfont.svg#webfontregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'din_alternatebold'; src: url('webkit/din_alternate_bold-webfont.eot'); src: url('webkit/din_alternate_bold-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/din_alternate_bold-webfont.woff2') format('woff2'), url('webkit/din_alternate_bold-webfont.woff') format('woff'), url('webkit/din_alternate_bold-webfont.svg#din_alternatebold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'dinregular'; src: url('webkit/dinregular-webfont.eot'); src: url('webkit/dinregular-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/dinregular-webfont.woff2') format('woff2'), url('webkit/dinregular-webfont.woff') format('woff'), url('webkit/dinregular-webfont.svg#dinregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helvetica'; src: url('webkit/helvetica-webfont.eot'); src: url('webkit/helvetica-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/helvetica-webfont.woff2') format('woff2'), url('webkit/helvetica-webfont.woff') format('woff'), url('webkit/helvetica-webfont.ttf') format('truetype'), url('webkit/helvetica-webfont.svg#helveticaregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticabold'; src: url('webkit/helvetica-bold-webfont.eot'); src: url('webkit/helvetica-bold-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/helvetica-bold-webfont.woff2') format('woff2'), url('webkit/helvetica-bold-webfont.woff') format('woff'), url('webkit/helvetica-bold-webfont.ttf') format('truetype'), url('webkit/helvetica-bold-webfont.svg#helveticabold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'helveticaneueregular'; src: url('webkit/helveticaneue-webfont.eot'); src: url('webkit/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'), url('webkit/helveticaneue-webfont.woff2') format('woff2'), url('webkit/helveticaneue-webfont.woff') format('woff'), url('webkit/helveticaneue-webfont.ttf') format('truetype'), url('webkit/helveticaneue-webfont.svg#helveticaneueregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'OpenSans-Bold'; src: url('webkit/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('webkit/OpenSans-Bold.woff') format('woff'), url('webkit/OpenSans-Bold.ttf') format('truetype'), url('webkit/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); font-weight: normal; font-style: normal; } /*Font*/ html { margin: 0 !important; } a:focus { outline: none; } a:hover { text-decoration: none; } input:focus { outline: none; } /*================================================================================================================== ------------------------------------------------- Page CSS Start ------------------------------------------------- ==================================================================================================================*/ .wrapper { margin: 0 auto; width: 1230px; padding: 0 15px; } .design-background01 { margin: 0 0 -54px 0; } .design-background01 img { vertical-align: bottom; } .design-background02 { margin: -25px 0 0 0; } .design-background02 img { vertical-align: top; } .page-title { text-align: center; width: 530px; margin: 0 auto 65px; } .page-title h3 { color: #00baff; font-size: 30px; text-transform: uppercase; font-family: 'din_alternatebold'; margin: 0; } .page-title span { font-size: 18px; color: #000; font-family: 'dinregular'; line-height: normal; } .page-title-two { width: 85%; margin: 0 auto 45px auto; text-align: center; } .page-title-two h2 { font-size: 44px; width: 440px; margin: 0 auto 25px; line-height: 48px; font-family: 'din_alternatebold'; } .page-title-two p { font-size: 22px; font-family: 'dinregular'; margin: 0; line-height: 30px; } .page-title-three { text-align: center; width: 600px; margin: 0 auto; } .page-title-three h2 { font-size: 30px; color: #00baff; font-family: 'din_alternatebold'; display: block; margin: 0 0 5px 0; text-transform: uppercase; } .page-title-three p { font-size: 18px; color: #333333; line-height: 28px; margin: 0; } hr { background: #e1e1e1; height: 3px; } .banner { background-color: #000; padding: 100px; } .ajax-auth.display_none { display: none; } /*-------------------------------------------------- Header --------------------------------------------------*/ header { background-color: #FFFFFF; width: 100%; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.25); z-index: 9999; } .header-top { background-color: #04bbff; padding: 14px 100px 13px; display: inline-block; width: 100%; vertical-align: bottom; box-sizing: border-box; background-size: cover; } .header-social { float: left; } .header-social li { display: inline-block; margin: 0 8px 0 0; vertical-align: middle; } .header-social li:last-child { margin: 0; } .header-social li a:hover img { opacity: 0.7; } .header-social li a img { vertical-align: middle; } .header-social li.mail { margin: 0 13px 0 0; } .header-social li.mail a { vertical-align: middle; display: inline-block; } .header-social li.mail a + a { font-size: 16px; color: #ffffff; text-decoration: none; vertical-align: middle; display: inline-block; padding-left: 3px; } .header-button { float: right; } .header-button a { color: #ffffff; font-weight: 700; font-size: 12px; border: 2px solid #FFFFFF; border-radius: 10px; text-align: center; display: inline-block; text-decoration: none; text-transform: uppercase; vertical-align: middle; line-height: 30px; } .header-button a:hover { text-decoration: none; opacity: 0.7; } .header-button .login-button { width: 131px; height: 30px; color: #FFFFFF; } .header-button .login-button img { margin: -3px 5px 0 0; vertical-align: middle; display: inline-block; width: 27px; height: auto; } .header-button .signup-button { color: #ffff00; border-color: #ffff00; width: 97px; height: 30px; margin-left: 11px; } .header-button .login-btn { color: #ffffff; font-weight: 700; font-size: 12px; border: 2px solid #FFFFFF; border-radius: 10px; text-align: center; display: inline-block; text-decoration: none; text-transform: uppercase; vertical-align: middle; line-height: 30px; width: 131px; height: 30px; } .header-bottom { display: inline-block; width: 100%; padding: 15px 100px 0 100px; vertical-align: top; box-sizing: border-box; position: relative; } .logo { float: left; position: relative; z-index: 99999; width: 250px; } .header-search { float: right; margin: 20px 0 0 25px; } .header-search a { display: inline-block; } .header-search a:hover img { opacity: 0.7; } .header-bottom nav.main-navigation { float: right; width: auto; clear: none; padding: 25px 0 0 0; } .header-bottom nav.main-navigation .menu-main-menu-container>ul>li { margin: 0 57px 0 0; } .header-bottom nav.main-navigation .menu-main-menu-container>ul>li>a { color: #999999; font-family: 'chalkboard_bold'; font-size: 18px; text-transform: uppercase; border-bottom: 11px solid transparent; padding: 0 0 23px; } .header-bottom nav.main-navigation .menu-main-menu-container>ul>li>a:hover { text-decoration: none; } .header-bottom nav.main-navigation .menu-main-menu-container>ul>li:hover>a { color: #ff6633; border-color: #ff6633; } .header-bottom nav.main-navigation .menu-main-menu-container>ul>li:last-child { margin: 0; } .header-bottom nav.main-navigation .menu-main-menu-container li.current-menu-item a { color: #00baff !important; border-color: #00baff !important; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children > a:after { content: ">"; font-size: 18px; font-weight: 700; vertical-align: top; display: inline-block; margin: 0 0 0 7px; line-height: 20px; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children i { display: none; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu { top: 100%; background-color: #ffffff; text-align: left; padding: 20px 10px 0 25px; box-sizing: border-box; min-width: 210px; width: 100%; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu li { float: none; margin: 0 0 15px 0; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu li a { color: #999999 !important; font-family: 'chalkboard_bold'; font-size: 18px; text-transform: uppercase; display: block; width: 100%; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu li a:hover { color: #ff6633 !important; } .header-bottom .header-search-form.open-search-box { height: 101px; transition: all 0.9s; -webkit-transition: all 0.9s; -moz-transition: all 0.9s; } .header-bottom .header-search-form { margin: 0 auto; background-color: #FFFFFF; z-index: 999999; width: 100%; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; top: 0; padding: 0 100px 0 0; height: 0; overflow: hidden; transition: all 0.7s; -webkit-transition: all 0.7s; -moz-transition: all 0.7s; } .header-bottom .header-search-form form.search-form { max-width: 51%; width: 100%; float: right; } .header-bottom .header-search-form input.search-field { width: 97%; display: inline-block; vertical-align: middle; margin: 0; padding: 10px 15px; border: 0; height: 101px; color: #999999; font-family: 'chalkboard_bold'; font-size: 18px; -webkit-appearance: none; } .header-bottom .header-search-form input::-webkit-input-placeholder { color: #898989; } .header-bottom .header-search-form input::-moz-placeholder { color: #898989; } .header-bottom .header-search-form input:-ms-input-placeholder { color: #898989; } .header-bottom .header-search-form input:-moz-placeholder { color: #898989; } .header-bottom .header-search-form a.header-search-close { width: 2%; display: inline-block; vertical-align: middle; margin-top: 6px; } .header-bottom .header-search-form a.header-search-close img { width: auto; } /*-------------------------------------------------- Header End --------------------------------------------------*/ /*-------------------------------------------------- Footer --------------------------------------------------*/ footer { background: #ff9900; padding: 35px 0; width: 100%; float: left; box-sizing: border-box; } footer figure { display: block; margin: 7px 0 40px 0; text-align: center; } footer figure img { width: 196px; } footer .footer-con { width: 730px; margin: 0 auto; display: block; } footer .footer-nav { display: inline-block; margin: 0 0 25px; text-align: center; } footer .footer-nav>li { display: inline-block; color: #fff; margin: 0 35px 20px 0; text-align: left; } footer .footer-nav>li:last-child { margin: 0; } footer .footer-nav>li>a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 16px; font-family: 'chalkboard_bold'; border-bottom: 6px solid transparent; } footer .footer-nav>li>a:hover { border-color: #FFFFFF; } footer .footer-nav>li.current-menu-item>a { border-color: #FFFFFF; } footer .footer-nav>li>ul.sub-menu { width: 360px; margin: 25px 0 0 0; padding: 0; display: block; } footer .footer-nav>li>ul.sub-menu>li { width: 155px; margin: 0 40px 0 0; display: inline-block; text-align: left; } footer .footer-nav>li>ul.sub-menu>li:last-child { margin: 0; } footer .footer-nav>li>ul.sub-menu>li>a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 18px; font-family: 'chalkboard_bold'; display: block; margin: 0 0 10px; } footer .footer-nav>li>ul.sub-menu>li>ul.sub-menu { margin: 0; padding: 0; text-align: left; } footer .footer-nav>li>ul.sub-menu>li>ul.sub-menu>li { display: block; margin: 0 0 15px; } footer .footer-nav>li>ul.sub-menu>li>ul.sub-menu>li>a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: 'chalkboard_bold'; line-height: 14px; display: inline-block; padding-bottom: 10px; border-bottom: 1px solid #fff; width: 100%; } footer .bottom-con { display: block; color: #fff; text-align: center; } footer .bottom-con p { margin: 0; } footer .bottom-con span { font-size: 16px; font-family: 'dinregular'; } footer .bottom-con strong { display: inline-block; font-size: 18px; line-height: 20px; margin: 0 0 5px; font-weight: normal; } /*Resources footer*/ footer .footer_resource_menu-nav.footer-nav { margin-bottom: 0; } footer .footer_resource_menu-nav.footer-nav>li> a { text-align: center; margin: 0 auto; display: table; font-size: 18px; } footer .footer_resource_menu-nav.footer-nav>li> a { border-color: #FFFFFF; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu, footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu, footer .footer_resource_menu-nav.footer-nav, footer .footer_resource_menu-nav.footer-nav > li { width: 100%; display: inline-block; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li { width: auto; float: left; width: 44%; width: calc(54% - 60px); margin-right: 60px; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li:last-child { margin-right: 0; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li > ul { font-size: 0; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li > ul > li { display: inline-block; width: 50%; vertical-align: top; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li > ul > li > ul { margin-left: 0; display: inline-block; margin-top: 20px; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li > ul > li > ul > li { display: inline-block; margin-bottom: 15px; padding-right: 15px; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li > ul > li > ul > li a { color: #fff; text-decoration: none; text-transform: uppercase; font-size: 14px; font-family: 'chalkboard'; line-height: 14px; display: inline-block; } /*Resources footer*/ /*-------------------------------------------------- Footer End --------------------------------------------------*/ /*-------------------------------------------------- Choose Curriculum --------------------------------------------------*/ .choose-curriculum { background-color: rgba(255, 255, 255, 0.9); position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100vh; text-align: center; z-index: 9999999; } .choose-curriculum .choose-curriculum-main { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); ​​transform: translate(0, -50%); } .choose-curriculum .choose-curriculum-title { margin: 0 0 60px; } .choose-curriculum .choose-curriculum-title span { font-size: 30px; color: #252525; font-family: 'chalkboard_bold'; display: block; margin: 0 0 10px; } .choose-curriculum .choose-curriculum-title img { display: block; margin: 0 auto; } .choose-curriculum .language-section ul { width: 760px; max-width: 100%; display: inline-block; text-align: center; margin: 0 auto; } .choose-curriculum .language-section li { width: 50%; float: left; } .choose-curriculum .language-section li a { display: inline-block; text-decoration: none; } .choose-curriculum .language-section li span { font-size: 20px; color: #252525; font-family: 'chalkboard_bold'; text-decoration: none; display: block; } .choose-curriculum .language-section li.lang-en span:before, .choose-curriculum .language-section li span:before { content: ""; background-repeat: no-repeat; width: 152px; height: 152px; display: block; margin: 0 auto 13px; } .choose-curriculum .language-section li.lang-en span:before { background-image: url(images/united-kingdom-icon.png); } .choose-curriculum .language-section li.lang-us span:before { background-image: url(images/united-states-icon.png); } /*-------------------------------------------------- Choose Curriculum End --------------------------------------------------*/ /*-------------------------------------------------- Login Popup --------------------------------------------------*/ .choose-curriculum.display_none { display: none !important; } .popup-wrap-main { background-color: rgba(255, 255, 255, 0.9); position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100vh; text-align: center; } .popup-wrap-main .popup-wrap { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); ​​transform: translate(0, -50%); } .login_popup { width: 465px; margin: 0 auto; font-family: 'dinregular'; position: relative; max-width: 98%; } .login_popup p.status { margin: 0; } .login_popup p.status p { font-size: 16px; padding: 5px; margin: 0 0 10px; border: 1px solid transparent; } .login_popup p.status p.error { border-color: #f44336; color: #f44336; background-color: #f2dede; } .login_popup p.status p.success { border-color: #4F8A10; color: #4F8A10; background-color: #dff0d8; } .login_popup figure { margin: 0 0 50px; } .login_popup .design-icon { position: relative; display: inline-block; width: 100%; margin: 0; } .login_popup .design-icon img { margin: 0 auto; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; max-width: 100%; } .login_popup p { margin: 0 0 25px 0; } .login_popup .login-username label, .login_popup .login-password label { display: none; } .login_popup .login-username input, .login_popup .login-password input { width: 100%; border: 0; border-bottom: 1px solid rgb(112, 112, 112); background: transparent !important; font-size: 24px; outline: 0; color: #333; border-radius: 0; padding: 6px 0 7px 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-family: 'dinregular'; } .login_popup input::-webkit-input-placeholder { color: #333333; font-family: 'dinregular'; } .login_popup input::-moz-placeholder { color: #333333; font-family: 'dinregular'; } .login_popup input:-ms-input-placeholder { color: #333333; font-family: 'dinregular'; } .login_popup input:-moz-placeholder { color: #333333; font-family: 'dinregular'; } .login_popup input:-webkit-autofill, .login_popup textarea:-webkit-autofill, .login_popup select:-webkit-autofill { background: rgba(195, 30, 30, 1) !important; } .login_popup .login-remember { text-align: left; margin-bottom: 26px; } .login_popup .login-remember label { position: relative; padding: 3px 0 4px 39px; font-family: 'dinregular'; color: #00baff; } .login_popup .login-remember label input:checked { background: url(images/stay-login.png) no-repeat; } .login_popup .login-remember input { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-left: 40px; background: url(images/stay-login.png) no-repeat; height: 30px; display: inline-block; vertical-align: middle; outline: 0; display: none; background-position: 0 0; } .login_popup .login-remember label span { background: url(images/stay-login.png) no-repeat; position: absolute; height: 35px; width: 35px; left: 0; background-position: 0 -35px; } .login_popup .login-remember label input:checked + span { background-position: 0 0; } .login_popup .login-remember label { font-size: 16px; color: #33ccff; } .login_popup .login-submit { display: inline-block; width: 100%; margin-bottom: 35px; } .login_popup .signup-btn, .login_popup input[type="button"], .login_popup input[type="reset"], .login_popup input[type="submit"] { border: 0; width: 188px; padding: 16px 0; color: #fff; text-transform: uppercase; outline: 0; font-family: 'din_alternatebold'; font-size: 18px; text-decoration: none; } .login_popup .button-primary { float: left; background: #ff9900; } .login_popup .signup-btn { position: absolute; right: 0; bottom: 70px; background: #ff9900; border-radius: 3px; line-height: 1; } .login_popup .button-primary:hover, .signup-btn:hover { background: #33ccff; } .login_popup .close { position: absolute; background: url(images/close-icn.png) no-repeat; height: 30px; width: 30px; right: 0; top: 0; cursor: pointer; } .login-password { position: relative; } .login-password button.signup-forgot { font-size: 16px; color: #33ccff; text-transform: capitalize; font-family: 'dinregular'; padding: 0; margin: 0; position: absolute; width: auto; right: 0; background: transparent; border: 0; top: 18px; } .login_popup #forgot_password { margin: 0 auto 30px; } .login_popup #forgot_password h2 { color: #00baff; font-size: 22px; text-transform: uppercase; font-family: 'din_alternatebold'; margin: 0 0 10px; } .login_popup #forgot_password input { background: transparent; border: 0; border-bottom: 1px solid rgb(112, 112, 112); width: 100%; text-align: left; float: left; border-radius: 0; font-size: 18px; } .login_popup #forgot_password div { display: inline-block; text-align: center; margin: 30px 0 0 0; } .login_popup #forgot_password div input { font-family: 'din_alternatebold'; text-decoration: none; color: #fff; background: #ff9600; display: inline-block; padding: 11px 50px; border-radius: 3px; font-size: 20px; display: inline-block; margin: 0 10px; width: auto; border: 0; } .login_popup #forgot_password div input:hover { background-color: #33ccff; } /*-------------------------------------------------- Login Popup End --------------------------------------------------*/ /*-------------------------------------------------- Pagenavigation Start --------------------------------------------------*/ .pagenavigation { display: inline-block; width: 100%; text-align: center; } .pagenavigation a { text-decoration: none; border: 1px solid #ddd; padding: 8px 16px; display: inline-block; font-size: 18px; color: #252525; font-family: 'din_alternatebold'; margin-left: -1px; background-color: #FFFFFF; } .pagenavigation a:hover, .pagenavigation a.current { background-color: #ff9900; color: #FFFFFF; border-color: #ff9900; } .pagenavigation a:first-child { margin: 0; } /*-------------------------------------------------- Pagenavigation End --------------------------------------------------*/ /*-------------------------------------------------- Loader Start --------------------------------------------------*/ @keyframes loader { 15% { transform: translateX(0); } 45% { transform: translateX(230px); } 65% { transform: translateX(230px); } 95% { transform: translateX(0); } } .loader { height: 21px; width: 222px; position: absolute; top: 0; left: 0; right: 0; margin: auto; display: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .loader--dot { animation-name: loader; animation-timing-function: ease-in-out; animation-duration: 3s; animation-iteration-count: infinite; height: 20px; width: 20px; border-radius: 100%; background-color: black; position: absolute; } .loader--dot:first-child { background-color: #99cccc; animation-delay: 0.5s; } .loader--dot:nth-child(2) { background-color: #ff6633; animation-delay: 0.4s; } .loader--dot:nth-child(3) { background-color: #666633; animation-delay: 0.3s; } .loader--dot:nth-child(4) { background-color: #ffcc33; animation-delay: 0.2s; } .loader--dot:nth-child(5) { background-color: #666699; animation-delay: 0.1s; } /*-------------------------------------------------- Loader End --------------------------------------------------*/ /*-------------------------------------------------- Home Page --------------------------------------------------*/ .home .site-content .content-area:before { background-image: none !important; } /*Banner*/ .home-banner { background: url('images/banner.png') no-repeat center -90px; text-align: center; position: relative; color: #fff; height: calc(100vh - 158px); background-size: cover !important; background-position: center center !important; } .home-banner:before { content: ""; background-image: url(images/design-bg01.png); background-position: center center; background-repeat: no-repeat; width: 100%; height: 169px; position: absolute; left: 0; right: 0; margin: 0 auto; display: block; top: 100%; z-index: 9; margin-top: -153px; background-size: cover; } .home-banner > img { width: 100%; } .home-banner .banner-inner { position: absolute; left: 0; right: 0; top: 50%; width: 700px; max-width: 100%; margin: 0 auto; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); ​​transform: translate(0, -50%); } .home-banner .banner-inner h1 { font-size: 70px; font-family: 'chalkboard_bold'; line-height: 80px; margin: 0 0 60px 0; display: block; } /*.home-banner .banner-inner h1 strong{font-weight: normal;font-size: 80px;}*/ /*.home-banner .banner-inner span{font-family:'helvetica';font-size: 23px;margin: 0 0 14px 0;display: block;}*/ .home-banner .banner-inner .find-more a { font-family: 'din_alternatebold'; text-decoration: none; color: #fff; background: #ff9600; display: inline-block; padding: 11px 90px; border-radius: 10px; font-size: 20px; } .home-banner .banner-inner .find-more a:hover { background: #bf77e2; } /*Banner*/ /*about-section*/ .about-section { display: inline-block; width: 100%; padding: 125px 0 65px 0; } .about-section ul { text-align: center; width: 100%; display: inline-block; } .about-section li { text-align: center; width: 24.5%; display: inline-block; vertical-align: top; box-sizing: border-box; } .about-section li:hover .about-box-main { bottom: 60px; } .about-section .about-box-main { bottom: 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; position: relative; } .about-section .image-box { width: 154px; height: 154px; border-radius: 100%; vertical-align: middle; line-height: 154px; margin: 0 auto 27px; } .about-section .image-box a { display: block; } .about-section .image-box img { vertical-align: middle; } .about-section .about-box1 .image-box { background-color: #ec5e3d; } .about-section .about-box2 .image-box { background-color: #eecc2f; } .about-section .about-box3 .image-box { background-color: #5b5ea5; } .about-section .about-box4 .image-box { background-color: #99cccc; } .about-section .about-box-details { position: relative; } .about-section .about-box-details h6 { font-size: 22px; font-family: 'chalkboard_bold'; display: block; max-width: 180px; margin: 0 auto 55px auto; line-height: 22px; display: block; } .about-section .about-box-details p { font-size: 18px; color: #363636; font-family: 'dinregular'; line-height: 20px; padding: 0 35px; position: absolute; margin: 40px 0 0 0; top: 100%; height: 0; overflow: hidden; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .about-section li:hover .about-box-details p { bottom: 0; height: 105px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .page-template-template-for-aboutus .about-section li:hover .about-box-details p { height: 125px; } .page-template-template-for-aboutus .about-section li { width: 19.5%; } .page-template-template-for-aboutus .about-section li:hover .about-box-main { bottom: 80px; } /*about-section*/ /*resource*/ .resource-section { background: url(images/resource-bg.png) no-repeat; background-size: cover; margin: 0; background-position: center center !important; } .resource-section .resource-box-main { display: table; table-layout: fixed; color: #fff; padding: 130px 0 70px 0; } .resource-section .resource-box { display: table-cell; vertical-align: middle; padding: 0; width: 50%; } .resource-section .resource-box h2 { font-size: 50px; font-family: 'din_alternatebold'; font-weight: normal; line-height: 50px; display: block; margin: 0 0 10px; } .resource-section .resource-box p { font-size: 36px; font-family: 'dinregular'; font-weight: 300; word-break: break-all; margin: 0; line-height: 36px; } .resource-section .resource-box-left { padding: 0 50px 0 95px; } .resource-section .resource-box-right { } .resource-section .resource-box-right img { text-align: center; display: block; margin: 0 auto; } /*resource*/ /*subscription*/ .subscription-section { padding: 70px 0; display: inline-block; width: 100%; } .subscription-section .title { margin: 0 0 55px; } .subscription-section .title h3 { text-align: center; font-size: 46px; font-family: 'din_alternatebold'; line-height: 46px; margin: 0 0 10px 0; color: #111111; display: block; } .subscription-section .title p { font-family: 'din_alternatebold'; text-align: center; display: block; margin: 0; font-size: 25px; color: #111111; } .subscription-section .subscription-box-main { display: block; text-align: center; margin: 0 -15px; } .subscription-section .subscription-box { width: 23%; padding: 0 15px; display: inline-block; vertical-align: top; box-sizing: border-box; text-align: center; } .subscription-section .subscription-box figure { margin: 0 0 20px 0; } .subscription-section .subscription-box figure img { width: 100%; } .subscription-section .subscription-box .download { width: 100%; display: inline-block; height: 56px; } .subscription-section .subscription-box .download a { background: #ff9900; padding: 9px 0 10px 0; color: #fff; width: 100%; max-width: 75%; font-family: 'din_alternatebold'; font-size: 18px; border: 0; border-radius: 5px; outline: 0; cursor: pointer; text-decoration: none; display: block; margin: 0 auto; } .subscription-section .subscription-box .download a:hover { background: #33ccff; } /*subscription*/ /*-------------------------------------------------- Home Page End --------------------------------------------------*/ /*-------------------------------------------------- About US Page --------------------------------------------------*/ .breadcrumb { margin: 30px 0; font-size: 17px; font-family: none !important; } .breadcrumb span:last-child span { font-size: 24px; color: #00baff; } .breadcrumb span { text-transform: capitalize; font-size: 18px; color: #898989; } .breadcrumb span a, .breadcrumb span span { text-decoration: none; font-family: 'dinregular'; } .breadcrumb span a span { font-size: 18px; color: #898989; } .about-us-main { background: url(images/about-icns-bg.png) no-repeat right bottom; } .about-banner { background: url(images/about-banner.png) no-repeat center; text-align: center; position: relative; color: #fff; height: 534px; min-height: 100% !important; background-size: cover !important; background-position: center center !important; } .about-banner:before { content: ""; background-image: url(images/design-bg01.png); background-position: center center; background-repeat: no-repeat; width: 100%; height: 169px; position: absolute; left: 0; right: 0; margin: 0 auto; display: block; top: 100%; z-index: 9999; margin-top: -169px; background-size: cover; } .about-banner .banner-inner { position: absolute; left: 0; right: 0; top: 43%; width: 700px; max-width: 100%; margin: 0 auto; -webkit-transform: translate(0, -43%); -moz-transform: translate(0, -43%); -ms-transform: translate(0, -43%); -o-transform: translate(0, -43%); } /*.about-banner .banner-inner span {font-family: 'helvetica';font-size: 29px;margin: 0;display: block;line-height: normal;}*/ .about-banner .banner-inner h1 { font-size: 60px; font-family: 'chalkboard_bold'; display: block; margin: 0; line-height: 80px; } .about-us-main .about-section { padding: 50px 0 0 0; } .about-us-main .about-section .page-title { margin: 0 auto 125px; } .about-us-main .about-section hr { margin: 50px 0 0 0; } .about-us-main .about-section .page-title h2 { font-size: 30px; color: #00baff; font-family: 'din_alternatebold'; display: block; margin: 0; text-transform: uppercase; } .about-content { display: inline-block; width: 100%; padding: 55px 0 75px 0; } .about-content .about-content-detail { display: block; margin: 0 -10px; } .about-content .about-content-detail .image-box { float: left; width: 33.3333%; text-align: center; padding: 0 10px; margin: 0 0 20px; } .about-content .about-content-detail .image-box img { margin: 0 auto; display: block; width: 100%; } /*.about-content p.about-sub-content-highlight,.about-content b.about-sub-content-highlight {font-size: 26px; }*/ .about-content .about-sub-content { margin: 0 0 40px 0; } .about-content .about-sub-content video, .about-content .about-sub-content audio, .about-content .about-sub-content canvas, .about-content .about-sub-content progress { max-width: 100%; vertical-align: top; height: auto; } /*-------------------------------------------------- About US Page End --------------------------------------------------*/ /*-------------------------------------------------- Contact US Page --------------------------------------------------*/ .content-area .breadcrumb { margin-bottom: 40px; } .contact-details { background-image: url(images/contact-bg.png); background-position: bottom center; background-repeat: no-repeat; padding: 0 0 150px; } .contact-details .page-title-three { margin: 0 auto 65px; } .contact-details .page-title-three h2 { margin: 0 0 20px; } .contact-details .page-title-three h4 { font-size: 26px; color: #252525; display: block; margin: 0 0 25px 0; font-family: 'din_alternatebold'; } .contact-details .page-title-three p { font-size: 16px; color: #898989; } .contact-details .contact-details-info { width: 500px; margin: 0 auto; text-align: center; } .contact-details .contact-details-info .info-box { display: inline-block; vertical-align: middle; padding: 0 30px; } .contact-details .contact-details-info .info-box .image-box { background-color: #1cbee8; width: 87px; height: 87px; display: block; margin: 0 auto 5px; border-radius: 100%; line-height: 87px; } .contact-details .contact-details-info .info-box .image-box img { display: inline-block; margin: 0 auto; vertical-align: middle; } .contact-details .contact-details-info .info-box span { font-size: 16px; color: #1cbee8; font-family: 'dinregular'; display: block; margin: 0; } .contact-details .contact-details-info .info-box p { font-size: 16px; color: #898989; font-family: 'dinregular'; display: block; margin: 0; } .contact-details .contact-details-info .info-box a { font-size: 16px; color: #898989; font-family: 'dinregular'; display: block; text-decoration: none; } .contact-form-section .contact-form .wpcf7-validation-errors { border: 1px solid #f44336; color: #f44336; font-size: 18px; padding: 10px; width: 592px; margin: 30px auto 0; text-align: center; } .contact-form-section { background-color: #ebebeb; padding: 30px 0 50px 0; } .contact-form-section .contact-form-section-main { width: 592px; margin: 0 auto; text-align: center; } .contact-form-section .contact-form-title { margin: 0 0 30px; display: block; } .contact-form-section .contact-form-title h5 { font-size: 24px; color: #000000; display: block; margin: 0; font-family: 'din_alternatebold'; } .contact-form-section .contact-form-title p { font-size: 18px; color: #000000; } .contact-form-section .contact-form { text-align: left; } .contact-form-section .contact-form p { margin: 0; } .contact-form-section .contact-form p br { display: none; } .contact-form-section .contact-form label { display: block; margin: 0 0 18px; } .contact-form-section .contact-form label:last-child { margin: 0; } .contact-form-section .contact-form label span { display: inline-block; width: 100%; } .contact-form-section .contact-form label span span.wpcf7-not-valid-tip { font-size: 14px; } .contact-form-section .contact-form label input { border: 0; background-color: #f1f1f1; border-radius: 5px; min-height: 62px; padding: 4px 15px 4px 70px; background-repeat: no-repeat; background-position: 13px 6px; font-size: 18px; color: #a4a4a4; font-family: 'dinregular'; width: 100%; } .contact-form-section .contact-form label input::-webkit-input-placeholder, .contact-form-section .contact-form label textarea::-webkit-input-placeholder { color: #a4a4a4; font-family: 'dinregular'; } .contact-form-section .contact-form label input::-moz-placeholder, .contact-form-section .contact-form label textarea::-moz-placeholder { color: #a4a4a4; font-family: 'dinregular'; } .contact-form-section .contact-form label input:-ms-input-placeholder, .contact-form-section .contact-form label textarea:-ms-input-placeholder { color: #a4a4a4; font-family: 'dinregular'; } .contact-form-section .contact-form label input:-moz-placeholder, .contact-form-section .contact-form label textarea:-moz-placeholder { color: #a4a4a4; font-family: 'dinregular'; } .contact-form-section .contact-form label input:focus, .contact-form-section .contact-form label textarea:focus { outline: none; } .contact-form-section .contact-form label span.your-name input { background-image: url(images/contact-user-icon.png); } .contact-form-section .contact-form label span.your-email input { background-image: url(images/contact-mail-icon2.png); } .contact-form-section .contact-form label span.your-subject input { background-image: url(images/contact-phone-icon.png); } .contact-form-section .contact-form label textarea { border: 0; background-color: #f1f1f1; border-radius: 5px; min-height: 186px; padding: 20px 15px 4px 70px; background-repeat: no-repeat; background-position: 13px 6px; background-image: url(images/contact-pen-icon.png); font-size: 18px; color: #a4a4a4; font-family: 'dinregular'; resize: none; } .contact-form-section .contact-form label strong { text-align: right; display: block; font-weight: 300; color: #898989; font-size: 16px; } .contact-form-section .contact-form label strong.contact_status i { font-style: normal; } .contact-form-section .contact-form .captcha-section { display: inline-block; width: 100%; margin: 10px 0 0 0; } .contact-form-section .contact-form .captcha-section .contact-captcha { float: left; width: 47%; padding-right: 5px; } .contact-form-section .contact-form .captcha-section .contact-captcha span { font-size: 16px; color: #333333; font-family: 'din_alternatebold'; display: inline-block; vertical-align: bottom; margin: 0 10px 10px 0; } .contact-form-section .contact-form .captcha-section .contact-captcha img { width: 120px; height: 48px; } .contact-form-section .contact-form .captcha-section .captcha-verification { float: right; width: 47%; padding-left: 5px; margin: 10px 0 0 0; } .contact-form-section .contact-form .captcha-section .captcha-verification span input { width: 100%; background-color: #d7d7d7; border: 0; border-radius: 5px; min-height: 37px; padding: 5px 6px; font-size: 18px; color: #a4a4a4; font-weight: 300; font-family: 'dinregular'; margin: 0 0 5px; } .contact-form-section .contact-form .captcha-section .captcha-verification span span.wpcf7-not-valid-tip { margin: 0 0 10px; font-size: 14px; } .contact-form-section .contact-form .captcha-section .captcha-verification p { font-size: 16px; color: #333333; font-family: 'din_alternatebold'; } .contact-form-section .contact-form .captcha-section .captcha-verification p em { font-size: 16px; color: #ed2024; font-family: 'din_alternatebold'; } .contact-form-section .contact-form input[type="submit"] { background: #ff9900; padding: 19px 50px 19px 50px; color: #FFFFFF; font-family: 'din_alternatebold'; font-size: 20px; border: 0; border-radius: 5px; } .contact-form-section .contact-form input[type="submit"]:hover {background-color: #33ccff;} /*-------------------------------------------------- Contact US Page End --------------------------------------------------*/ /*-------------------------------------------------- Sign UP Step Start --------------------------------------------------*/ .sighnup-section { padding: 60px 0; background-image: url(images/contact-bg.png); background-position: bottom center; background-repeat: no-repeat; } */ /*.sighnup-section { background-image: url(images/contact-bg.png); background-position: center; background-repeat: repeat;}*/ .sighnup-section .page-title-three { margin: 0 auto 50px; } .sighnup-section .sighnup-tablist { text-align: center; margin: 0 0 55px; } .sighnup-section .sighnup-tablist ul { } .sighnup-section .sighnup-tablist ul li { display: inline-block; margin: 0 10px; position: relative; width: 190px; vertical-align: top; } .sighnup-section .sighnup-tablist ul li.active i { background-color: #00baff; color: #FFFFFF; } .sighnup-section .sighnup-tablist ul li.active span { color: #252525; } .sighnup-section .sighnup-tablist ul li:last-child { margin-right: 0; } .sighnup-section .sighnup-tablist ul li:first-child { margin-left: 0; } .sighnup-section .sighnup-tablist ul li i { font-size: 20px; color: #898989; text-align: center; border: 3px solid #ff9600; width: 40px; height: 40px; line-height: 32px; vertical-align: middle; display: block; margin: 0 auto 15px; border-radius: 100%; position: relative; font-style: normal; font-family: 'din_alternatebold'; cursor: pointer; } .sighnup-section .sighnup-tablist ul li i:before { content: ""; position: absolute; top: 50%; height: 1px; left: 100%; display: block; background: #b7b7b7; width: 180px; margin: -1px 0 0 2px; } .sighnup-section .sighnup-tablist ul li:last-child i:before { display: none; } .sighnup-section .sighnup-tablist ul li span { font-size: 20px; color: #898989; text-align: center; line-height: 22px; } .sighnup-section#step1 .sighnup-tablist ul li.account-information i, .sighnup-section#step2 .sighnup-tablist ul li.subscription i, .sighnup-section#step3 .sighnup-tablist ul li.payment-information i, .sighnup-section#step4 .sighnup-tablist ul li.confirm i { background-color: #00baff; color: #FFFFFF; } .sighnup-section#step1 .sighnup-tablist ul li.account-information span, .sighnup-section#step2 .sighnup-tablist ul li.subscription span, .sighnup-section#step3 .sighnup-tablist ul li.payment-information span, .sighnup-section#step4 .sighnup-tablist ul li.confirm span { color: #252525; } .sighnup-section form.pmpro_form table td { padding: 0; } .sighnup-section form.pmpro_form table div label { font-size: 18px; color: #252525; font-family: 'dinregular'; display: inline-block; font-weight: normal; margin: 0; float: none; vertical-align: top; } .sighnup-section form.pmpro_form table div input { border: 0; border-bottom: 1px solid #7a7a7a; background: transparent; font-size: 18px; color: #252525; font-family: 'dinregular'; display: inline-block; font-weight: normal; margin: 0 0 5px 0; max-width: 100%; border-radius: 0; float: none; vertical-align: bottom; } .sighnup-section form.pmpro_form table div input:focus, .sighnup-section form.pmpro_form table div select:focus { outline: none; } .sighnup-section form.pmpro_form table div input::-webkit-input-placeholder { color: #7a7a7a; font-family: 'dinregular'; } .sighnup-section form.pmpro_form table div input::-moz-placeholder { color: #7a7a7a; font-family: 'dinregular'; } .sighnup-section form.pmpro_form table div input:-ms-input-placeholder { color: #7a7a7a; font-family: 'dinregular'; } .sighnup-section form.pmpro_form table div input:-moz-placeholder { color: #7a7a7a; font-family: 'dinregular'; } .sighnup-section form.pmpro_form table div select { background-image: url(images/select-arrow.png); background-position: right center; background-repeat: no-repeat; -webkit-appearance: none; font-size: 18px; color: #252525; font-family: 'dinregular'; border: 0; border-bottom: 1px solid #7a7a7a; padding: 3px 16px 3px 3px; } .sighnup-section form.pmpro_form table div select::-ms-​​expand { display: none; } .sighnup-section .sighnup-step-details .step-button { display: inline-block; } .sighnup-section .sighnup-step-details .step-button a { font-size: 18px; color: #ffffff; font-family: 'din_alternatebold'; background-color: #ff9900; padding: 15px 60px 16px 60px; text-decoration: none; display: block; border-radius: 5px; line-height: 20px; } .sighnup-section .sighnup-step-details .step-button a:hover { background-color: #33ccff; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields, .sighnup-section form.pmpro_form table#pmpro_user_fields, .sighnup-section form.pmpro_form table#pmpro_payment_method, .sighnup-section form.pmpro_form table#pmpro_billing_address_fields, .sighnup-section form.pmpro_form table#pmpro_payment_information_fields, .sighnup-section #last_confirm, .sighnup-section form.pmpro_form .pmpro_submit { display: none; } .sighnup-section#step1 form.pmpro_form table#pmpro_user_fields, .sighnup-section#step2 form.pmpro_form table#pmpro_pricing_fields, .sighnup-section#step3 form.pmpro_form table#pmpro_billing_address_fields, .sighnup-section#step3 form.pmpro_form table#pmpro_payment_information_fields, .sighnup-section#step3 form.pmpro_form table#pmpro_payment_method, .sighnup-section#step4 #last_confirm { display: block; } .sighnup-step-details .account-information, .sighnup-step-details .subscription, .sighnup-step-details .payment-information { display: none; } .sighnup-section#step1 .sighnup-step-details .account-information, .sighnup-section#step2 .sighnup-step-details .subscription, .sighnup-section#step3 .sighnup-step-details .payment-information { display: block; } .sighnup-section form.pmpro_form table#pmpro_user_fields thead, .sighnup-section form.pmpro_form table#pmpro_pricing_fields thead, .sighnup-section form.pmpro_form table#pmpro_payment_information_fields thead { display: none; } .sighnup-section form.pmpro_form .pmpro_message { background-color: transparent; border: 1px solid #f44336; border-radius: 0; color: #f44336; font-size: 18px; margin: 0 auto 30px; padding: 10px; width: auto; text-align: center; } .sighnup-section form.pmpro_form .pmpro_message.pmpro_success { border-color: #4CAF50; color: #4CAF50; } table#pmpro_pricing_fields * { font-size: 16px; } /*First step*/ .sighnup-section form.pmpro_form table#pmpro_user_fields { width: 465px; margin: 0 auto; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody div { margin: 0 0 25px; display: block; width: 100%; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody div label { width: 130px; text-align: left; line-height: 26px; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody div input { width: 325px; height: 30px; margin: 0; line-height: 18px; vertical-align: top; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody div select { width: 325px; max-width: 100%; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody div .pmpro_asterisk { display: none; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody .pmpro_hidden strong { display: none; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody #Occupation_div { display: block !important; } .sighnup-section form.pmpro_form table#pmpro_user_fields tbody .pmpro_hidden { display: none; } .sighnup-section .sighnup-step-details .account-information { width: 690px; margin: 15px auto 0; text-align: center; } .sighnup-section .sighnup-step-details .account-information span { font-size: 16px; color: #ff9600; font-family: 'din_alternatebold'; line-height: 18px; display: block; margin: 0 0 60px; } .sighnup-section .sighnup-step-details .account-information span strong { font-size: 20px; color: #00baff; font-family: 'din_alternatebold'; line-height: 18px; } .sighnup-section#step1 form.pmpro_form .pmpro_message { width: 465px; } .sighnup-section .sighnup-step-details .account-information span input[type="checkbox"] { margin-right: 10px; } /*Second step*/ .sighnup-section form.pmpro_form table#pmpro_pricing_fields { width: 358px; margin: 0 auto 30px; text-align: center; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields tbody>tr>td>p { display: none; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields tbody #pmpro_level_cost { display: none; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription { width: 358px; border: 1px solid #e1e1e1; border-radius: 5px; padding: 25px 25px 20px 25px; margin: 0 auto; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription div { margin: 0; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-title { margin: 0 0 28px; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-title h6 { font-size: 24px; color: #252525; font-family: 'din_alternatebold'; margin: 0; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-title p { font-size: 16px; color: #252525; margin: 0; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-listing { padding: 0 20px; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-listing span { font-size: 18px; color: #252525; margin: 0 0 10px; display: block; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-listing p { display: none; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-listing ul { margin: 0; padding: 0; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-listing ul li { background-image: url(images/listing-icon.png); background-position: 0px 4px; background-repeat: no-repeat; padding: 0 0 0 20px; font-size: 16px; color: #252525; display: inline-block; margin: 0 0 15px; line-height: 20px; text-align: left; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-amount h5 { font-size: 30px; color: #252525; margin: 0; } .sighnup-section form.pmpro_form table#pmpro_pricing_fields .sighnup-step-subscription .subscription-box-amount p { line-height: 22px; font-size: 16px; color: #252525; margin: 0; display: block; } .sighnup-section .sighnup-step-details .subscription { width: 650px; margin: 0 auto; margin: 0 auto; text-align: center; } .sighnup-section .sighnup-step-details .subscription .step-button { margin: 0 auto 50px; width: 358px; } .sighnup-section .sighnup-step-details .subscription .step-button a { background-color: #33ccff; padding: 13px 10px 13px 10px; } .sighnup-section .sighnup-step-details .subscription .step-button a:hover { background-color: #ff9900; } .sighnup-section .sighnup-step-details .subscription span { display: block; text-align: center; font-size: 24px; color: #000000; } .sighnup-section .sighnup-step-details .subscription span a { font-family: 'din_alternatebold'; color: #00ccff; text-decoration: none; } /*Third step*/ .sighnup-section form.pmpro_form table#pmpro_billing_address_fields { width: 590px; margin: 0 auto 20px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div { display: inline-block; text-align: left; margin: 0 0 20px 0; width: 100%; vertical-align: top; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(1) { width: 210px; margin-right: 20px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(2) { width: 210px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(3) { } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(4) { } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(5) { width: 180px; margin-right: 20px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(6) { width: 180px; margin-right: 20px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(7) { width: 179px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(8) { width: 330px; margin-right: 20px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(8) select { width: 100%; border: 0; border-bottom: 1px solid #7a7a7a; font-size: 18px; color: #252525; font-family: 'dinregular'; max-width: 100%; border-radius: 0; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(8) select:focus { outline: none; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody div:nth-child(9) { width: 230px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody label { display: block; text-align: left; width: 100%; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields tbody input { display: block; text-align: left; height: 38px; width: 100%; padding: 10px 3px 3px 3px; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields { width: 590px; margin: 0 auto; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div { display: inline-block; text-align: left; margin: 0; vertical-align: top; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div span.pmpro_asterisk { display: none; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-account-number { width: 200px; margin-right: 20px; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-expiration { width: 230px; margin-right: 20px; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-expiration select { width: 44%; margin: 0; padding: 0; background-color: transparent; height: 38px; border-radius: 0; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-expiration select#ExpirationMonth { margin: 0 10px 0 0; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-expiration select#ExpirationYear { margin: 0 0 0 10px; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-cvv { width: 100px; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody div.pmpro_payment-cvv small { display: none; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody label { display: block; text-align: left; width: 100%; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields tbody input { display: block; text-align: left; height: 38px; width: 100%; padding: 10px 3px 3px 3px; } .sighnup-section .sighnup-step-details .payment-information { width: 500px; margin: 40px auto 0; text-align: center; } .sighnup-section .sighnup-step-details .payment-information span { font-size: 16px; color: #ff9600; font-family: 'din_alternatebold'; line-height: 18px; display: block; margin: 0 0 30px; } .sighnup-section#step3 form.pmpro_form .pmpro_message { width: 590px; } .sighnup-section form.pmpro_form table#pmpro_billing_address_fields thead th { font-size: 18px; color: #252525; font-family: 'dinregular'; padding: 0 0 20px; font-weight: normal; text-align: left; } .sighnup-section form.pmpro_form table#pmpro_payment_method { width: 590px; margin: 0 auto 35px; } .sighnup-section form.pmpro_form table#pmpro_payment_method thead th { font-size: 18px; color: #252525; font-family: 'dinregular'; padding: 0 0 20px; font-weight: normal; text-align: left; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody, .sighnup-section form.pmpro_form table#pmpro_payment_method tbody tr, .sighnup-section form.pmpro_form table#pmpro_payment_method tbody td, .sighnup-section form.pmpro_form table#pmpro_payment_method tbody div { display: inline-block; width: 100%; margin: 0; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span { display: inline-block; width: 20%; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span input[type="radio"] { display: inline-block; width: 16px; height: 16px; vertical-align: middle; position: relative; z-index: 111; opacity: 0; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span a.pmpro_radio:before { content: ""; position: absolute; right: 100%; width: 16px; height: 16px; top: 25%; margin: 3px 10px 3px 4px; background-color: rgba(230, 230, 231, 0.4); border-radius: 50%; border: 2px solid #979797; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span input[type="radio"]:checked + a.pmpro_radio:before { border-color: #898989; box-shadow: inset 0 0 0 2px #898989; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span a { width: 70px; height: 41px; background-size: 65px 41px; vertical-align: middle; background-repeat: no-repeat; position: relative; text-indent: -99999px; display: inline-block; } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span.gateway_paypal a { background-image: url(images/cart-card.png); } .sighnup-section form.pmpro_form table#pmpro_payment_method tbody span.gateway_paypalexpress a { background-image: url(images/paypal-card.png); } /*Fourth step*/ .sighnup-section #last_confirm { width: 680px; margin: 0 auto; text-align: center; } .sighnup-section #last_confirm .confirm-title { margin: 0 auto 40px; } .sighnup-section #last_confirm .confirm-title h3 { font-size: 30px; color: #00baff; font-family: 'din_alternatebold'; display: block; margin: 0; } .sighnup-section #last_confirm .confirm-title p { font-size: 20px; color: #898989; font-family: 'dinregular'; margin: 0; } .sighnup-section #last_confirm .confirm-order-details { width: 460px; margin: 0 auto 30px; } .sighnup-section #last_confirm .confirm-order-details ul li { display: inline-block; text-align: left; width: 100%; margin: 0 0 7px; } .sighnup-section #last_confirm .confirm-order-details ul li:last-child { margin: 0; } .sighnup-section #last_confirm .confirm-order-details ul li span { font-size: 18px; color: #252525; font-family: 'dinregular'; margin: 0; } .sighnup-section #last_confirm .confirm-order-details ul li span.left { float: left; width: 37%; } .sighnup-section #last_confirm .confirm-order-details ul li span.right { float: right; width: 62%; text-align: right; padding-left: 10px; } .sighnup-section #last_confirm .confirm-order-details ul li span a { color: #252525; text-decoration: none; } .sighnup-section #last_confirm p.confirm-description { font-size: 16px; color: #ff9600; font-family: 'din_alternatebold'; line-height: 18px; display: block; margin: 0 0 60px; } .sighnup-section #last_confirm p.confirm-description a { font-family: 'din_alternatebold'; color: #00ccff; text-decoration: none; } .sighnup-section #last_confirm .step-button { display: inline-block; } .sighnup-section #last_confirm .step-button a { font-size: 18px; color: #ffffff; font-family: 'din_alternatebold'; background-color: #ff9900; padding: 15px 60px 16px 60px; text-decoration: none; display: block; border-radius: 5px; line-height: 20px; } .sighnup-section #last_confirm .step-button a:hover { background-color: #33ccff; } .sighnup-section#step4 form.pmpro_form .pmpro_message { width: 680px; } .sighnup-section#step3 form.pmpro_form .pmpro_submit { width: 590px; margin: 0 auto; } body.pmpro-invoice .default-page, body.pmpro-confirmation .default-page { padding: 10px 0 50px 0; } body.pmpro-invoice .default-page .default-page-title, body.pmpro-confirmation .default-page .default-page-title { width: 500px; margin: 0 auto 30px; text-align: center; } body.pmpro-invoice .default-page .default-page-title h2, body.pmpro-confirmation .default-page .default-page-title h2 { font-size: 30px; color: #00baff; font-family: 'din_alternatebold'; display: block; margin: 0; text-transform: uppercase; } body.pmpro-invoice .default-page .default-page-content, body.pmpro-confirmation .default-page .default-page-content { width: 100%; margin: 0 auto; text-align: center; } body.pmpro-invoice .default-page .default-page-content p, body.pmpro-confirmation .default-page .default-page-content p { font-size: 16px; color: #252525; line-height: 20px; margin: 0 0 20px; } body.pmpro-invoice .default-page .default-page-content h3, body.pmpro-confirmation .default-page .default-page-content h3 { font-size: 26px; color: #252525; display: block; margin: 0 0 20px 0; font-family: 'din_alternatebold'; } body.pmpro-invoice .default-page .default-page-content a.pmpro_a-print, body.pmpro-confirmation .default-page .default-page-content a.pmpro_a-print { display: none; } body.pmpro-invoice .default-page .default-page-content ul, body.pmpro-confirmation .default-page .default-page-content ul { margin: 0 0 20px; } body.pmpro-invoice .default-page .default-page-content ul li, body.pmpro-confirmation .default-page .default-page-content ul li { display: block; text-align: right; font-size: 16px; color: #252525; margin: 0 0 10px; } body.pmpro-invoice .default-page .default-page-content ul li:last-child, body.pmpro-confirmation .default-page .default-page-content ul li:last-child { margin: 0; } body.pmpro-invoice .default-page .default-page-content ul li strong, body.pmpro-confirmation .default-page .default-page-content ul li strong { float: left; font-family: 'din_alternatebold'; } body.pmpro-invoice .default-page .default-page-content table.pmpro_invoice, body.pmpro-confirmation .default-page .default-page-content table.pmpro_invoice { border: 1px solid #cccccc; background: transparent; margin: 0; } body.pmpro-invoice .default-page .default-page-content table.pmpro_invoice thead th, body.pmpro-confirmation .default-page .default-page-content table.pmpro_invoice thead th { border: 1px solid #cccccc; padding: 7px; background-color: #e1e1e1; font-size: 16px; font-family: 'din_alternatebold'; } body.pmpro-invoice .default-page .default-page-content table.pmpro_invoice tbody td, body.pmpro-confirmation .default-page .default-page-content table.pmpro_invoice tbody td { border: 1px solid #cccccc; padding: 7px; color: #252525; font-size: 14px; } body.pmpro-invoice .default-page .default-page-content .navigation, body.pmpro-confirmation .default-page .default-page-content .navigation { display: inline-block; margin: 30px 0 0 0; } body.pmpro-invoice .default-page .default-page-content .navigation .nav-next, body.pmpro-confirmation .default-page .default-page-content .navigation .nav-next { display: inline-block; float: none; margin: 0 auto; } body.pmpro-invoice .default-page .default-page-content .navigation .nav-next a, body.pmpro-confirmation .default-page .default-page-content .navigation .nav-next a { font-size: 16px; color: #ffffff; font-family: 'din_alternatebold'; background-color: #ff9900; padding: 10px 20px 11px 20px; text-decoration: none; display: block; border-radius: 5px; line-height: 20px; display: inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } body.pmpro-invoice .default-page .default-page-content .navigation .nav-next a:hover, body.pmpro-confirmation .default-page .default-page-content .navigation .nav-next a:hover { background-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } body.pmpro-invoice nav.navigation .nav-prev.alignleft { display: none; } /*-------------------------------------------------- Sign UP Step End --------------------------------------------------*/ /*-------------------------------------------------- Browser Resources Page Start --------------------------------------------------*/ .resources-section { padding: 25px 0; } .resources-section .wrapper { overflow: hidden; } .resources-section .page-title { margin: 0 auto 35px; } .resources-section .resources-tab { margin: 0 0 45px; } .resources-section .resources-tab ul { display: inline-block; width: 100%; } .resources-section .resources-tab ul li { width: 50%; float: left; text-align: center; border-bottom: 14px solid transparent; position: relative; cursor: pointer; padding: 0 0 10px; } .resources-section .resources-tab ul li:hover, .resources-section .resources-tab ul li.active { border-color: #ff9600; color: #ff9600; } .resources-section .resources-tab ul li:hover:before, .resources-section .resources-tab ul li.active:before { display: none; } .resources-section .resources-tab ul li:before { content: ""; position: absolute; width: 100%; height: 4px; left: 0; right: 0; margin: 0 auto; display: block; background: #cccccc; bottom: -14px; } .resources-section .resources-tab ul li a { font-size: 30px; color: #333333; text-decoration: none; display: block; } .resources-section .tab-content .tab-box-main { display: block; margin: 0 -35px; text-align: center; } .resources-section .tab-content .tab-box { border: 6px solid transparent; width: 27.5%; display: inline-block; text-align: center; position: relative; margin: 0 35px 65px; padding-bottom: 30px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border-radius: 10px; } .resources-section .tab-content .tab-box:before { content: ""; width: 100%; position: absolute; left: 0; right: 0; border: 2px solid #e1e1e1; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border-radius: 10px; } .resources-section .tab-content .tab-box:hover:before { display: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-section .tab-content .tab-box:hover { border-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-section .tab-content .tab-box:hover .tab-box-button span { background-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-section .tab-content .tab-box .tab-box-content { position: relative; margin: 10px; height: 330px; background-image: url(images/tab-box-bg.png); background-position: top left; background-repeat: no-repeat; } .resources-section .tab-content .tab-box .tab-box-content h3 { font-size: 36px; color: #FFFFFF; font-family: 'din_alternatebold'; position: absolute; bottom: 15px; left: 0; right: 0; margin: 0 auto; line-height: 36px; padding: 0 25px; } .resources-section .tab-content .tab-box .tab-box-button { position: absolute; bottom: -25px; left: 0; right: 0; margin: 0 auto; } .resources-section .tab-content .tab-box .tab-box-button span { font-size: 18px; color: #ffffff; font-family: 'din_alternatebold'; background-color: #ff9900; padding: 15px 55px 16px 55px; text-decoration: none; display: block; border-radius: 5px; line-height: 20px; display: inline-block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*-------------------------------------------------- Browser Resources Page End --------------------------------------------------*/ /*-------------------------------------------------- Browser Resources Listing Page Start --------------------------------------------------*/ .resources-listing-section { background: url(images/about-icns-bg.png) no-repeat right bottom; } .resources-listing-section .resources-category-box ul { text-align: center; } .resources-listing-section .resources-category-box ul li { border: 2px solid #b7b7b7; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; margin: 0 10px 20px; display: inline-table; width: 18.3%; padding: 10px 5px; vertical-align: middle; float: none; } .resources-listing-section .resources-category-box ul li:last-child { margin-right: 0; } .resources-listing-section .resources-category-box ul li:nth-child(5n + 1) { margin-left: 0; } .resources-listing-section .resources-category-box ul li:nth-child(5n + 5) { margin-right: 0; } .resources-listing-section .resources-category-box ul li:hover, .resources-listing-section .resources-category-box ul li.active { background-color: #00ccff; border-color: transparent; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-listing-section .resources-category-box ul li a { font-size: 17px; color: #999999; line-height: 24px; text-decoration: none; display: table-cell; font-family: 'din_alternatebold'; vertical-align: middle; } .resources-listing-section .resources-category-box ul li:hover a, .resources-listing-section .resources-category-box ul li.active a { color: #FFFFFF; font-family: 'din_alternatebold'; } .resources-listing-section .resources-listing { padding: 30px 0 50px; clear: both; } .resources-listing-section .resources-listing .resources-listing-title { margin: 0 0 50px; width: 80%; clear: both; } .resources-listing-section .resources-listing .resources-listing-title h3 { font-size: 30px; color: #00baff; font-family: 'din_alternatebold'; line-height: 32px; margin: 0 0 10px; } .resources-listing-section .resources-listing .resources-listing-title p { font-size: 18px; color: #898989; margin: 0; line-height: 28px; } .resources-listing-section .resources-listing .listing-box > p { font-size: 18px; color: #252525; margin: 0; line-height: 22px; } .resources-listing-section .resources-listing .listing-box ul { display: inline-block; padding: 0 65px; width: 100%; box-sizing: border-box; } .resources-listing-section .resources-listing .listing-box li { display: block; width: 100%; margin: 0 0 30px; position: relative; border: 6px solid transparent; background-color: #FFFFFF; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-listing-section .resources-listing .listing-box li:before { content: ""; width: 100%; position: absolute; left: 0; right: 0; border: 2px solid #e1e1e1; height: 100%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-box-shadow: 0px 0px 25px 5px rgba(244, 244, 244, 1); -moz-box-shadow: 0px 0px 25px 5px rgba(244, 244, 244, 1); box-shadow: 0px 0px 25px 5px rgba(244, 244, 244, 1); } .resources-listing-section .resources-listing .listing-box li:hover { border-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-listing-section .resources-listing .listing-box li:hover:before { display: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-listing-section .resources-listing .listing-box .listing-box-content { padding: 30px; display: inline-block; width: 100%; box-sizing: border-box; } .resources-listing-section .resources-listing .listing-box .image-box { float: left; width: 33%; } .resources-listing-section .resources-listing .listing-box .image-box img { } .resources-listing-section .resources-listing .listing-box .content-box { float: left; width: 67%; padding-left: 20px; } .resources-listing-section .resources-listing .listing-box .content-box h4 { font-size: 24px; color: #252525; line-height: 26px; margin: 0 0 5px; } .resources-listing-section .resources-listing .listing-box .content-box span { font-size: 16px; color: #898989; margin: 0 0 15px; line-height: 18px; display: block; } .resources-listing-section .resources-listing .listing-box .content-box img { display: block; } .resources-listing-section .resources-listing .listing-box .content-box hr { margin: 15px 0 20px 0; display: block; height: 1px; } .resources-listing-section .resources-listing .listing-box .content-box p { font-size: 18px; color: #252525; margin: 0 0 57px; line-height: 24px; } .resources-listing-section .resources-listing .listing-box .content-box .read-more-button { background: #ff9900; padding: 17px 55px 16px 55px; color: #fff; font-family: 'din_alternatebold'; font-size: 18px; border: 0; border-radius: 5px; outline: 0; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; position: relative; z-index: 999; } .resources-listing-section .resources-listing .listing-box .content-box .quick-view-button { border: 2px solid #b7b7b7; padding: 14px 30px 15px 30px; color: #b7b7b7; font-family: 'din_alternatebold'; font-size: 18px; border-radius: 5px; outline: 0; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; margin-right: 27px; position: relative; z-index: 999; } .resources-listing-section .resources-listing .listing-box .content-box .quick-view-button:after { content: ""; background: url(images/seach-icn-grey.png); display: inline-block; width: 30px; height: 30px; vertical-align: middle; margin-left: 10px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-listing-section .resources-listing .listing-box li:hover .content-box .quick-view-button { background: #b7b7b7; color: #fff; } .resources-listing-section .resources-listing .listing-box li:hover .content-box .quick-view-button:after { background-image: url(images/seach-icn.png); } .resources-listing-section .resources-listing .listing-box li:hover .content-box .read-more-button { background-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } /*-------------------------------------------------- Browser Resources Listing Page End --------------------------------------------------*/ /*-------------------------------------------------- FAQ Page Start --------------------------------------------------*/ .faq-section { background: url(images/about-icns-bg.png) no-repeat right bottom; padding: 40px 0 140px; } .faq-section .page-title { margin: 0 auto 45px; } .faq-accordion { width: 960px; margin: 0 auto; } .faq-accordion .accordion { margin: 0 0 5px; } .faq-accordion .accordion:last-child, .faq-accordion .accordion:last-child .accordion-content { margin-bottom: 0; } .faq-accordion .accordion-title { background-color: #f4f4f4; border: 1px solid #d9d9d9; padding: 16px 20px 16px 25px; cursor: pointer; display: inline-block; width: 100%; } .faq-accordion .accordion-title span { font-family: 'dinregular', sans-serif; font-size: 16px; color: #666666; font-weight: 600; width: calc(100% - 16px); float: left; } .faq-accordion .accordion-title i { width: 16px; height: 16px; border-radius: 100%; float: right; background-image: url(images/accordion-icon.png); background-repeat: no-repeat; background-position: 0 0; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; margin: 5px 0 0 0; } .faq-accordion .accordion-title.open-accordion i { background-position: 0px -20px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .faq-accordion .accordion-content { background-color: #f4f4f4; border: 1px solid #d9d9d9; padding: 15px 20px; display: none; margin: 3px 0 10px 0; } .faq-accordion .accordion-content span { font-family: 'dinregular', sans-serif; font-size: 16px; color: #333333; font-weight: 600; display: block; margin: 0 0 15px 0; } .faq-accordion .accordion-content p { font-family: 'dinregular', sans-serif; font-size: 14px; color: #666666; font-weight: 400; margin: 0; line-height: 24px; } /*-------------------------------------------------- FAQ Page End --------------------------------------------------*/ /*-------------------------------------------------- Resources Details Page Start --------------------------------------------------*/ .resources-details-main .resources-details-title { margin: 0 0 30px; } .resources-details-main .resources-details-title h2 { font-size: 30px; color: #252525; font-family: 'din_alternatebold'; margin: 0; display: block; } .resources-details-main .resources-details-title span { font-size: 18px; color: #898989; display: block; } .resources-details-section { display: inline-block; width: 100%; vertical-align: bottom; background-image: url(images/about-icns-bg.png); background-repeat: no-repeat; background-position: right bottom; padding: 0 0 60px; } .resources-details-section .details-left { float: left; width: 64%; } .resources-details-section .details-left-top .image-box { float: left; width: 55%; padding-right: 5%; } .resources-details-section .details-left-top .contant-box { float: left; width: 45%; } .resources-details-section .details-left-top .contant-box .wishlist { display: block; float: right; margin: 0 0 95px; width: 100%; text-align: right; } .resources-details-section .details-left-top .contant-box .wishlist .wishlist-box { border: 1px solid #b7b7b7; border-radius: 10px; padding: 15px 18px 2px 18px; text-align: center; display: inline-block; } .resources-details-section .details-left-top .contant-box .wishlist img { display: block; margin: 0 auto; cursor: pointer; } .resources-details-section .details-left-top .contant-box .wishlist p.success { margin: 10px auto 10px auto; line-height: normal; display: inline-block; border: 1px solid #94d60a; color: #94d60a; padding: 5px; } .resources-details-section .details-left-top .contant-box .wishlist p.error { margin: 10px auto 10px auto; line-height: normal; display: inline-block; border: 1px solid #f11414; color: #f11414; padding: 5px; } .resources-details-section .details-left-top .contant-box .wishlist span { font-size: 20px; color: #252525; font-family: 'din_alternatebold'; line-height: 24px; } .resources-details-section .details-left-top .contant-box .download-section { text-align: left; } .resources-details-section .details-left-top .contant-box .download-section strong { font-size: 18px; color: #252525; font-family: 'din_alternatebold'; } .resources-details-section .details-left-top .contant-box .download-section p { font-size: 18px; color: #959595; margin: 0; font-family: 'dinregular'; line-height: 18px; } .resources-details-section .details-left-top .contant-box .download-section ul { display: inline-block; width: 100%; text-align: center; margin: 20px 0 18px 0; } .resources-details-section .details-left-top .contant-box .download-section ul li { width: 33.3333%; display: inline-block; } .resources-details-section .details-left-top .contant-box .download-section ul li:first-child { float: left; text-align: left; } .resources-details-section .details-left-top .contant-box .download-section ul li:last-child { float: right; text-align: right; } .resources-details-section .details-left-top .contant-box .download-section ul li { font-size: 16px; color: #959595; font-family: 'dinregular'; text-decoration: none; text-transform: uppercase; } .resources-details-section .details-left-top .contant-box .download-section a.download-button, .resources-details-section .details-left-top .contant-box .download-section a.read-online-button { background: #ff9900; padding: 14px 50px 15px 50px; color: #fff; font-family: 'din_alternatebold'; font-size: 18px; border: 0; border-radius: 5px; text-decoration: none; display: block; margin: 0 auto 25px; text-align: center; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-left-top .contant-box .download-section a.download-button:hover, .resources-details-section .details-left-top .contant-box .download-section a.read-online-button:hover { background-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-left-top .social-box { display: inline-block; width: 100%; margin: 25px 0 0 0; } .resources-details-section .details-left-top .social-box li { display: inline-block; margin: 0 5px; vertical-align: top; } .resources-details-section .details-tab-section { margin: 15px 0 0 0; } .resources-details-section .details-tab-section .tab-title ul { display: inline-block; text-align: center; width: 100%; margin-top: 30px;} .resources-details-section .details-tab-section .tab-title ul li { display: inline-block; width: 33.3333%; border-bottom: 1px solid #cccccc; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-tab-section .tab-title ul li:first-child { float: left; text-align: left; } .resources-details-section .details-tab-section .tab-title ul li:last-child { float: right; text-align: right; } .resources-details-section .details-tab-section .tab-title ul li a { display: inline-block; font-size: 22px; color: #252525; font-family: 'din_alternatebold'; padding: 0 10px 10px; text-decoration: none; position: relative; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-tab-section .tab-title ul li a:hover, .resources-details-section .details-tab-section .tab-title ul li.current-tab a { color: #ff9600; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-tab-section .tab-title ul li a:hover:before, .resources-details-section .details-tab-section .tab-title ul li.current-tab a:before { content: ""; background-color: #ff9600; height: 8px; width: 100%; position: absolute; left: 0; right: 0; bottom: -1px; margin: 0 auto; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-tab-section .tab-content { display: block; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-details-section .details-tab-section .tab-content .tab-content-box { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; display: none; } .resources-details-section .details-tab-section .tab-content #tab-1.tab-content-box { padding: 25px 0 30px 0; border-bottom: 1px solid #cccccc; display: block; } .resources-details-section .details-tab-section .tab-content #tab-1.tab-content-box p { font-size: 18px; color: #898989; line-height: 22px; margin: 0; padding: 0 0 0 20px; } .resources-details-section .details-tab-section .tab-content #tab-1.tab-content-box ul { padding: 0 0 0 60px; margin: 25px 0; list-style: disc; } .resources-details-section .details-tab-section .tab-content #tab-1.tab-content-box ul li { font-size: 18px; color: #898989; line-height: 22px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .top-section { padding: 35px 0 0 0; margin: 0 0 40px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .rate-box { text-align: center; border-bottom: 1px solid #cccccc; padding: 0 0 5px; margin: 0 0 20px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .rate-box ul { margin: 0 0 5px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .rate-box ul li { display: inline-block; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .rate-box span { font-size: 18px; color: #898989; font-family: 'dinregular'; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .top-section input { border: 0; border-bottom: 1px solid #CCCCCC; height: auto; padding: 0 0 20px; margin: 0 0 30px; width: 100%; font-size: 18px; color: #898989; font-family: 'dinregular'; border-radius: 0; background: transparent; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .top-section textarea { border: 0; border-bottom: 1px solid #CCCCCC; height: 130px; padding: 0; margin: 0 0 10px; width: 100%; font-size: 18px; color: #898989; font-family: 'dinregular'; border-radius: 0; resize: none; background: transparent; line-height: 16px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .top-section textarea:focus { outline: none; } .resources-details-section .details-tab-section .error { display: block; border: 1px solid #f11414; padding: 5px 15px; color: #f11414; text-align: center; } .resources-details-section .details-tab-section .success { display: block; border: 1px solid #94d60a; padding: 5px 15px; color: #94d60a; text-align: center; } div#change_suggest_message { display: block; float: right; clear: both; width: 100%; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .top-section .send-button { display: block; text-align: right; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .top-section .send-button a { display: inline-block; background-color: #cccccc; margin: 0 auto; padding: 4px 50px; color: #252525; font-size: 18px; font-family: 'din_alternatebold'; text-decoration: none; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-section-main { max-height: 300px; overflow: auto; display: block; padding: 0 40px 0 0; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-section-main::-webkit-scrollbar { width: 10px; background-color: #FFFFFF; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-section-main::-webkit-scrollbar-track { border: 1px solid #ff9600; border-radius: 10px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-section-main::-webkit-scrollbar-thumb { background-color: #ff9600; border-radius: 10px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-box { margin: 0 0 40px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-title { margin: 0 0 5px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-title span { font-size: 18px; color: #252525; font-family: 'dinregular'; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-title span strong { font-size: 20px; color: #252525; font-family: 'din_alternatebold'; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-star { margin: 0 0 15px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-star ul { display: inline-block; text-align: left; width: 50%; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-star ul li { display: inline-block; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-star ul li a { } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-star span { text-align: right; width: 45%; font-size: 18px; color: #898989; font-family: 'dinregular'; float: right; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-text { padding: 0 0 0 20px; margin-bottom: 30px; } .resources-details-section .details-tab-section .tab-content #tab-2.tab-content-box .comment-text p { font-size: 18px; color: #252525; font-family: 'dinregular'; margin: 0; line-height: 22px; display: block; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box { padding: 25px 0 30px 0; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box .text-box { margin: 0 0 65px; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box .text-box p { font-size: 18px; color: #898989; line-height: 22px; margin: 0 0 25px; padding: 0 0 0 20px; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box .text-box p:last-child { margin: 0; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form { border-top: 1px solid #cccccc; padding: 22px 0 0 0; display: inline-block; width: 100%; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form input { border: 0; border-bottom: 1px solid #CCCCCC; height: auto; padding: 0 0 20px; margin: 0 0 20px; width: 100%; font-size: 18px; color: #898989; font-family: 'dinregular'; border-radius: 0; background: transparent; min-height: inherit; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form input[type="email"] { margin: 0 0 17px; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form textarea { border: 0; border-bottom: 1px solid #CCCCCC; height: 115px; padding: 0; margin: 0 0 24px; width: 100%; font-size: 18px; color: #898989; font-family: 'dinregular'; border-radius: 0; resize: none; background: transparent; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form input:focus, .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form textarea:focus { outline: none; } .resources-details-section .details-tab-section .tab-content #tab-3.tab-content-box form.suggest-form a { width: auto; display: inline-block; background-color: #cccccc; margin: 0 auto; padding: 6px 50px; color: #252525; font-size: 18px; font-family: 'din_alternatebold'; float: right; text-decoration: none; } .resources-details-section .details-right { background-color: #00b9fc; width: 30%; float: right; } .resources-details-section .details-right-title { border-bottom: 2px solid #49d1ff; padding: 30px 0 20px; position: relative; text-align: center; } .resources-details-section .details-right-title:before { content: ""; width: 100%; height: 4px; background-color: #00aae4; position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 0; } .resources-details-section .details-right-title h2 { font-size: 30px; color: #ffffff; font-family: 'din_alternatebold'; margin: 0; line-height: 30px; } .resources-details-section .details-right-blog { padding: 30px 35px; } .resources-details-section .details-right-blog .blog-box { padding: 20px 20px 13px; background-color: #FFFFFF; margin: 0 0 20px; } .resources-details-section .details-right-blog .blog-box:last-child { margin: 0; } .resources-details-section .details-right-blog .blog-box .image-box { position: relative; height: 245px; background-image: url(images/tab-box-bg.png); background-position: top left; background-repeat: no-repeat; background-color: #ff9600; background-size: auto 186px; margin: 0 0 17px; } .resources-details-section .details-right-blog .blog-box .image-box h4 { font-size: 28px; color: #FFFFFF; font-family: 'din_alternatebold'; position: absolute; bottom: 7px; left: 0; right: 0; margin: 0 auto; line-height: 28px; padding: 0 45px; text-align: center; } .resources-details-section .details-right-blog .blog-box span { font-size: 17px; color: #252525; line-height: 20px; display: block; margin: 0 0 5px; text-decoration: none; } .resources-details-section .details-right-blog .blog-box p { font-size: 14px; color: #898989; margin: 0; line-height: 18px; border-bottom: 1px solid #e7e7e7; padding: 0 0 12px; } .resources-details-section .details-right-blog .blog-box a { text-decoration: none; } .download-popup { position: fixed; width: 100%; height: 100vh; left: 0; right: 0; top: 0; margin: 0 auto; text-align: center; background-color: rgba(255, 255, 255, 0.9); z-index: 999999; display: none; } .popup-box-main { position: absolute; left: 0; right: 0; top: 5%; bottom: 5%;/* -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); */} .download-popup .popup-box { background-color: #17d1ff; width: 970px; margin: 0 auto; display: inline-block; border-radius: 10px; -moz-box-shadow: 0 0 3px 1px #d1d1d0;/* -webkit-box-shadow: 0 0 3px 1px #d1d1d0; *//* box-shadow: 0 0 3px 1px #d1d1d0; */padding: 20px 45px 50px 45px; position: relative; } .download-popup .popup-box h2 { font-size: 30px; color: #FFFFFF; font-family: 'din_alternatebold'; margin: 0 0 35px; } .download-popup .image-box { float: left; width: 44%; } .download-popup .image-box img { width: 100%; } .download-popup .content-box { float: left; background-color: #FFFFFF; padding: 15px 25px 25px 35px; width: 54%; margin: 0 0 0 15px; text-align: left; } .download-popup .content-box h3 { font-size: 30px; color: #333333; font-family: 'din_alternatebold'; margin: 0; line-height: 32px; margin: 0 0 10px; } .download-popup .content-box span { font-size: 18px; color: #333333; display: block; margin: 0 0 15px; font-family: 'din_alternatebold'; } .download-popup .content-box textarea { border: 1px solid #a4a4a4; padding: 5px 10px 10px; height: 75px; box-shadow: none; font-size: 16px; color: #333333; display: block; width: 100%; margin: 0 0 15px; resize: none; font-family: 'dinregular'; } .download-popup .content-box textarea:focus { outline: none; } .download-popup .file-details { display: inline-block; width: 100%; margin: 0 0 22px; } .download-popup .file-details span { font-size: 16px; color: #333333; margin: 0 !important; font-family: 'dinregular'; text-transform: uppercase; } .download-popup .file-details span:first-child { float: left; } .download-popup .file-details span:last-child { float: right; } .download-popup .download-button { display: inline-block; width: 100%; } .download-popup .download-button a { background: #ff9900; padding: 14px 55px 15px 55px; color: #fff; font-family: 'din_alternatebold'; font-size: 18px; border: 0; border-radius: 5px; text-decoration: none; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; display: inline-block; } .download-popup .download-button a:hover { background-color: #00baff; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .download-popup i.close-icon { background-image: url(images/close-icn2.png); background-repeat: no-repeat; position: absolute; right: 30px; top: -65px; width: 38px; height: 38px; cursor: pointer; } /*-------------------------------------------------- Resources Details Page End --------------------------------------------------*/ /*-------------------------------------------------- Search page --------------------------------------------------*/ .search-results .resources-listing-section { margin-top: 70px; } .search-results .resources-listing-section h1.page-title { margin-bottom: 30px; } /*-------------------------------------------------- Search page --------------------------------------------------*/ /*-------------------------------------------------- cancel page --------------------------------------------------*/ .pmpro-cancel .default-page-title h2 { font-size: 26px; color: #252525; display: block; font-family: 'din_alternatebold'; } .pmpro-cancel .default-page { margin-bottom: 30px; } .pmpro-cancel .pmpro_actionlinks a { padding: 10px 12px; font-size: 14px; font-weight: normal; } /*-------------------------------------------------- cancel page --------------------------------------------------*/ /*-------------------------------------------------- membership page --------------------------------------------------*/ #pmpro_account-membership table td, #pmpro_account-membership table th { text-align: center; font-size: 16px; color: #333; } #pmpro_account-membership table th { font-family: 'din_alternatebold'; width: 47%; vertical-align: middle; } #pmpro_account-membership table tr:first-child th { vertical-align: top; } #pmpro_account-membership table tr:first-child th p { margin-top: 0; } #pmpro_account-membership table th p { padding-left: 70px; width: 308px; float: right; text-align: left; margin-bottom: 0; margin-top: 0; } .membership-ac-page .sighnup-section { padding-top: 0; } .pmpro_account-membership-levelfee p { padding-top: 7px; } #pmpro_account-membership, #pmpro_account-profile { text-align: center; } #pmpro_account-membership table td { text-align: left; padding-left: 7px; } #pmpro_account-membership h3, #pmpro_account-profile h3 { font-size: 20px; color: #252525; display: block; font-family: 'din_alternatebold'; } #pmpro_account-profile ul li strong, #pmpro_account-profile ul li strong, strong.edit-profile { color: #252525; font-family: 'din_alternatebold'; } .membership-ac-page form#profile_update { text-align: center; display: inline-block; width: 100%; } .membership-ac-page label { font-family: 'din_alternatebold'; text-transform: capitalize; text-align: left; width: 20%; display: inline-block; } .membership-ac-page select, .membership-ac-page input { width: 25%; margin-bottom: 15px; } .membership-ac-page .profile_submit input, .membership-ac-page .profile_submit input { font-size: 16px; padding: 15px 55px 16px 55px; width: auto; margin-top: 20px; color: #fff; border-color: #ff9900; font-family: 'din_alternatebold'; background-color: #ff9900; display: inline-block; } .membership-ac-page .profile_submit input:hover { background: #00baff; border-color: #00baff; } .membership-ac-page strong.edit-profile { text-align: right; display: block; font-size: 14px; } .membership-ac-page .pmpro_actionlinks a:hover { color: #fff; background: #00baff; } .membership-ac-page .pmpro_actionlinks a { font-size: 14px; border: 1px solid #00baff; padding: 2px 15px; color: #00baff; margin-top: 3px; text-transform: uppercase; } .membership-ac-page select { padding: 5px 8px; } .account-user-details-table th { font-family: 'din_alternatebold'; font-size: 16px; color: #333; width: 47%; } .account-user-details-table th p { padding-left: 70px; width: 308px; float: right; text-align: left; margin-bottom: 0; margin-top: 0; } .account-user-details-table td { text-align: left; padding-left: 7px; } /*-------------------------------------------------- membership page --------------------------------------------------*/ /*-------------------------------------------------- 404 Page Start --------------------------------------------------*/ .not-found { display: inline-block; width: 100%; vertical-align: bottom; background-image: url(images/about-icns-bg.png); background-repeat: no-repeat; background-position: right bottom; padding: 15px 0; height: calc(100vh - 394px); } .not-found .page-header { background-color: transparent; box-shadow: none; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); ​​transform: translate(0, -50%); } .not-found .page-header h1 { font-size: 250px; font-family: 'chalkboard_bold'; line-height: 170px; text-align: center; margin: 0 auto; display: block; width: auto; } .not-found .page-header h1 span { text-align: center; font-size: 50px; font-family: 'chalkboard_bold'; display: block; } /*-------------------------------------------------- 404 Page End --------------------------------------------------*/ /*-------------------------------------------------- subcription-page --------------------------------------------------*/ .subcription-page .sighnup-section { padding-top: 0; } .subcription-page .sighnup-step-subscription { width: 358px; border: 1px solid #e1e1e1; border-radius: 5px; padding: 25px 25px 20px 25px; margin: 0 auto; text-align: center; max-width: 100%; display: inline-block; margin: 0 20px; margin-bottom: 40px; vertical-align: top; } .subcription-page .sighnup-step-subscription div { margin: 0; } .subcription-page .sighnup-step-subscription .subscription-box-title { margin: 0 0 28px; } .subcription-page .sighnup-step-subscription .subscription-box-title h6 { font-size: 24px; color: #252525; font-family: 'din_alternatebold'; margin: 0; } .subcription-page .sighnup-step-subscription .subscription-box-title p { font-size: 16px; color: #252525; margin: 0; } .subcription-page .sighnup-step-subscription .subscription-box-listing { padding: 0 20px; } .subcription-page .sighnup-step-subscription .subscription-box-listing span { font-size: 18px; color: #252525; margin: 0 0 10px; display: block; } .subcription-page .sighnup-step-subscription .subscription-box-listing p { display: none; } .subcription-page .sighnup-step-subscription .subscription-box-listing ul { margin: 0; padding: 0; } .subcription-page .sighnup-step-subscription .subscription-box-listing ul li { background-image: url(images/listing-icon.png); background-position: 0px 4px; background-repeat: no-repeat; padding: 0 0 0 20px; font-size: 16px; color: #252525; display: inline-block; margin: 0 0 15px; line-height: 20px; text-align: left; width: 100%; } .subcription-page .sighnup-step-subscription .subscription-box-amount h5 { font-size: 30px; color: #252525; margin: 0; } .subcription-page .sighnup-step-subscription .subscription-box-amount p { line-height: 22px; font-size: 16px; color: #252525; margin: 0; display: block; } /*-------------------------------------------------- subcription-page --------------------------------------------------*/ #resource_popup #product_download_process_message p.success { margin: 10px auto 10px auto; line-height: normal; display: inline-block; border: 1px solid #94d60a; color: #94d60a; padding: 5px; } #resource_popup #product_download_process_message p.error { margin: 10px auto 10px auto; line-height: normal; display: inline-block; border: 1px solid #f11414; color: #f11414; padding: 5px; } .header-social li.mail a + a:hover { color: #cbe9f5; } .search-no-results .resources-listing-section { margin-top: 70px; } .search-no-results .resources-listing-section section.resources-listing p.search_empty { color: #f44336; font-size: 18px; text-align: center; border: 1px solid #f44336; padding: 7px 0; max-width: 500px; display: block; margin: 0 auto 50px; } .subcription-page .sighnup-section .subscription { display: block; margin: 0 auto; max-width: 650px; margin-top: 50px; } .subcription-page .sighnup-section .subscription .step-button a { font-size: 18px; color: #ffffff; font-family: 'din_alternatebold'; background-color: #ff9900; padding: 15px 40px 16px 40px; text-decoration: none; display: block; border-radius: 5px; line-height: 20px; margin-bottom: 30px; text-align: center; } .subcription-page .sighnup-section .subscription .step-button a:hover { background-color: #33ccff; } .subcription-page .sighnup-section .subscription span { display: block; text-align: center; font-size: 24px; color: #000000; } .subcription-page .sighnup-section .subscription span a { font-family: 'din_alternatebold'; color: #00ccff; text-decoration: none; } .subcription-page .sighnup-section .subscription .step-button { max-width: 358px; display: block; margin: 0 auto; } .resources-section .tab-content .tab-box-main a { text-decoration: none; } .resources-listing-section .resources-listing .listing-box > p strong { color: #898989; } .header-bottom nav.main-navigation .menu-main-menu-container>ul>li>a { color: #898989; } .sighnup-section .sighnup-step-details .account-information span a { text-decoration: none; } .default-page .default-page-content { display: inline-block; width: 100%; margin-bottom: 40px; text-align: center; } .static-page-wrap .default-page-content { text-align: initial !important; } .default-page .default-page-title h2 { text-align: center; color: #00baff; font-size: 30px; text-transform: uppercase; font-family: 'din_alternatebold'; } .default-page .default-page-title h2 { text-align: center; color: #00baff; font-size: 30px; text-transform: uppercase; font-family: 'din_alternatebold'; } .resources-listing-section .resources-listing .listing-box .content-box img { display: inherit; } footer .footer_resource_menu-nav.footer-nav>li>ul.sub-menu>li > ul > li > ul > li:hover a { text-decoration: underline; } .breadcrumb .single-taxonomy span { text-transform: uppercase; } table.account-user-details-table tbody tr { display: inline-block; width: 100%; margin-bottom: 15px; } table.account-user-details-table tbody tr th { display: inline-block; width: 42%; } table.account-user-details-table tbody tr td { display: inline-block; width: 47%; } table.account-user-details-table tbody tr:last-child { margin-bottom: 0; } footer .footer-nav>li>ul.sub-menu>li>a:hover { text-decoration: underline; } footer .footer-nav>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { text-decoration: underline; } .resources-listing-section .resources-listing .listing-box .listing-box-content .all-in-one-rating-wrapper #all-in-one-rating img { cursor: inherit; } .pmpro_message { margin-bottom: 25px; } .default-page .default-page-content ul { margin-bottom: 20px; } /*membership account*/ table.pmpro_checkout.membership-level thead tr { background-color: #04bbff; text-align: left; } table.pmpro_checkout.membership-level { border: 1px solid #e1e1e1; border-radius: 10px; display: table; } table.pmpro_checkout.membership-level tbody tr td { background: none !important; font-family: 'dinregular'; color: #000; } table.pmpro_checkout.membership-level thead tr th { color: #fff; font-size: 15px; text-transform: uppercase; font-family: 'dinregular'; } table.pmpro_checkout.membership-level tbody tr { background: #f7f7f7; } table.pmpro_checkout.membership-level tbody tr { text-align: left; } table.pmpro_checkout.membership-level tbody tr a.pmpro_btn.pmpro_btn-select { border: 0; font-family: 'din_alternatebold'; text-decoration: none; color: #fff; background: #ff9600; display: inline-block; border-radius: 5px; font-size: 15px; width: 150px; text-align: center; float: none; margin: 0 auto; } table.pmpro_checkout.membership-level tbody tr a.pmpro_btn.pmpro_btn-select:hover { background: #04bbff; } .sub-box { display: block; margin: 0 auto; float: none; text-align: center; } form#profile_update #pmpro_message { margin-bottom: 30px; } body.pmpro-invoice .default-page .default-page-content table.pmpro_invoice tr td small.pmpro_grey, body.pmpro-confirmation .default-page .default-page-content table.pmpro_invoice tr td small.pmpro_grey { font-size: 14px; font-family: 'dinregular'; line-height: 21px; color: #252525; } .pmpro_actionlinks.md_pmpro_actionlinks a.pmpro_btn { font-size: 16px; padding: 12px 15px; width: auto; margin-top: 20px; color: #fff; border-color: #ff9900; font-family: 'din_alternatebold'; background-color: #ff9900; } .pmpro_actionlinks.md_pmpro_actionlinks a.pmpro_btn:hover { background: #00baff; border-color: #00baff; } .resources-section .resources-tab ul li:hover { transform: scale(0.9); transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-section .resources-tab ul li { width: 49%; margin-right: 1%; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .resources-section .resources-tab ul li:last-child { margin-right: 0px; } /*design changes 19-07-2018*/ .header-button .login-btn { width: 150px; } .subcription-page .sighnup-step-subscription { background: #fff; box-shadow: 0px 1px 15px 0 rgba(128, 128, 128, 0.25); -webkit-box-shadow: 0px 1px 15px 0 rgba(128, 128, 128, 0.25); -moz-box-shadow: 0px 1px 15px 0 rgba(128, 128, 128, 0.25); } .popup_is_open .choose-curriculum { background: rgba(255, 255, 255, 0.60); } .popup_is_open #page { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); } .popup_is_open footer { filter: blur(5px); -webkit-filter: blur(5px); -moz-filter: blur(5px); } table.pmpro_checkout.membership-level tbody tr a.pmpro_btn.pmpro_btn-select { position: relative; top: 0; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-box-shadow: 0px 6px 0px 0px rgb(216, 128, 2); -moz-box-shadow: 0px 6px 0px 0px rgb(216, 128, 2); box-shadow: 0px 6px 0px 0px rgb(216, 128, 2); } table.pmpro_checkout.membership-level tbody tr a.pmpro_btn.pmpro_btn-select:hover { background: #33ccff; box-shadow: 0px 6px 0px 0px rgb(49, 177, 220); -webkit-box-shadow: 0px 6px 0px 0px rgb(49, 177, 220); -moz-shadow: 0px 6px 0px 0px rgb(49, 177, 220); } table.pmpro_checkout.membership-level tbody tr a.pmpro_btn.pmpro_btn-select:active { top: 4px; transition: all .2s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-box-shadow: 0px 6px 0px 0px rgb(49, 177, 220); -moz-box-shadow: 0px 6px 0px 0px rgb(49, 177, 220); box-shadow: 0px 6px 0px 0px rgb(49, 177, 220); } table.pmpro_checkout.membership-level .pmpro_btn.disabled { width: 150px; margin: 0 auto; } /*01-08-2018*/ .home-banner .banner-inner .find-more a { box-shadow: 0 10px #e48907; position: relative; transition: all ease 0.3s; top: 0; padding-right: 30px; padding-left: 30px; } .home-banner .banner-inner .find-more a:hover { box-shadow: 0 10px #a065bd; } .home-banner .banner-inner .find-more a:active { box-shadow: 0 4px #a065bd; top: 5px; } .home-banner .banner-inner .find-more a + a { margin-left: 15px; } .contact-details, .faq-section, .about-us-main, .sighnup-section { background-size: 100%; } .faq-accordion { width: 70%; } .faq-accordion .accordion-content { border-radius: 25px; } .faq-accordion .accordion-title { border-radius: 25px; } .faq-accordion .accordion-title.open-accordion { box-shadow: 0 0 5px #00000057; } .faq-accordion .accordion-content.show { box-shadow: 0 0 5px #00000057; } .site-content .content-area { position: relative; } .site-content .content-area:before { content: ''; position: absolute; left: 0; top: 0; right: 0; height: 100%; z-index: -1; background-size: auto !important; background-position: top center !important; } .site-content .content-area:before, .site-content .about-us-main, .site-content .faq-main, .content-area.subcription-page { background-image: url(images/contact-bg.png); background-size: cover; background-position: bottom center; background-repeat: no-repeat; float: left; width: 100%; } .site-content .faq-main { background-position: top center !important; background-size: 100%; } .site-content .content-area .contact-details, .site-content .faq-main .faq-section, .content-area.subcription-page .sighnup-section { background-image: none; } /*.custom-background-image { background-image: url(images/contact-bg.png); background-position: center; background-repeat: repeat;}*/ .download-popup .image-box img, .resources-details-section .details-left-top .image-box img, .resources-listing-section .resources-listing .listing-box .image-box img { max-height: 280px; width: auto; margin: 0 auto; display: block; } .download-popup .image-box img { max-height: 420px; } .resources-details-section .details-left-top .image-box img { max-height: 400px; } /*03-08-2018 09-08-2018*/ .contact-details { padding: 100px 0 150px; } .contact-details .contact-details-info { width: 100%; } .home-banner .banner-inner { width: 60%; } .home-banner .banner-inner .find-more a { font-size: 20px !important; font-family: 'chalkboard_bold' !important; } .home-banner .banner-inner .find-more a::before { content: ""; display: inline-block; vertical-align: middle; width: 140px; height: 41px; background-image: url(images/Succeedu.png); background-size: 140px; background-repeat: no-repeat; margin-right: 10px; margin-top: -4px;background-position:0px -3px} .resources-section.ks1_color .resources-tab ul li#english.active, .resources-section.ks1_color .resources-tab ul li#english:hover { border-color: #7fbf41 !important; } .resources-section.ks1_color .resources-tab ul li#maths.active, .resources-section.ks1_color .resources-tab ul li#maths:hover { border-color: #fdc35a !important; } .resources-section.ks2_color .resources-tab ul li#english.active, .resources-section.ks2_color .resources-tab ul li#english:hover { border-color: #7fbf41 !important; } .resources-section.ks2_color .resources-tab ul li#maths.active, .resources-section.ks2_color .resources-tab ul li#maths:hover { border-color: #fdc35a !important; } .resources-section .tab-content .tab-box-main .tab-box .tab-box-content::after { content: ""; display: inline-block; width: 100px; height: 30px; background-image: url(images/logo.png); background-size: 100px; background-repeat: no-repeat; position: absolute; top: 20px; right: 20px; } .dictionary-listing .tab-content .tab-box-main .tab-box .tab-box-content::after { background-image: url(images/SucceeduDictionary.png); } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu { min-width: 235px !important; padding: 20px 0 0 0; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu li { position: initial; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu li a { padding: 0 10px 0 25px; } .header-bottom nav.main-navigation .menu-main-menu-container li.menu-item-has-children .sub-menu li>ul.sub-menu { top: 0; } .home-banner .banner-inner .find-more a.a-workshop::before { background-image: url(images/SucceeduWorkshopWhite.png); } .resources-section .tab-content .tab-box-main .tab-box .tab-box-content::after {/*box-shadow: 0px 0px 14px 3px rgba(144, 95, 168, 0.38);*/filter: contrast(1.6); -webkit-filter: contrast(1.6); -moz-filter: contrast(1.6); } .contact-form-section { padding: 30px 0 50px 0; background: transparent; } .main-navigation.main-navigation ul li.focus > ul, .main-navigation.main-navigation ul ul li.focus > ul { left: 999em; } .main-navigation.main-navigation ul li:hover > ul { left: 0; } .main-navigation.main-navigation ul ul li:hover > ul { left: 100%; } .main-navigation.main-navigation ul li.focus ul ul { left: -9999em } .main-navigation.main-navigation ul li:hover ul li:hover ul { left: 100% } .page-template-template-for-contactus .site-content.custom-background-image { /* background-color: rgba(0, 0, 0, 0.02); background-image: url(images/contact-bg.png); background-size: cover; background-position: center; background-repeat: no-repeat; */ } .page-template-template-for-contactus .site-content .content-area:before { top: inherit !important; bottom: 0 !important; background-position: bottom center !important; } .home-banner .banner-inner .find-more a { background: #bf77e2; box-shadow: 0 10px #a065bd; } .home-banner .banner-inner .find-more a:hover { background-color: rgb(108, 108, 228); box-shadow: 0 10px rgb(89, 89, 208); } .loading-layer:before, .dataTables_processing:before { pointer-events: none; cursor: wait; text-indent: -9999px; background-color: #000; background-image: url(images/spinner.gif); background-position: center center; background-repeat: no-repeat; pointer-events: none; position: fixed; top: 0; left: 0; right: 0; height: 100%; width: 100%; content: ""; z-index: 9999999; opacity: 0.4; } .loading-layer { position: relative; pointer-events: none !important; z-index: 999999 } /*-------------------------------------------------- Banner Navigation Popup --------------------------------------------------*/ #resources_menu_popup.choose-curriculum { background-color: rgba(255, 255, 255, 0.51); } #resources_menu_popup .login_popup { width: 981px; } #resources_menu_popup .login_popup strong { font-size: 34px; color: #000; display: block; margin-bottom: 30px; font-family: 'OpenSans-Bold'; } #resources_menu_popup .login_popup a { font-family: 'din_alternatebold'; cursor: pointer; text-decoration: none; border: 2px solid #ff9e19; box-shadow: 0 10px #ff9e19; color: #ff9e19; background: #fff; display: inline-block; padding: 10px 70px 0px; border-radius: 10px; font-size: 30px; margin-right: 15px; transition: all ease 0.3s; text-transform: uppercase; text-align: center; width: auto; } #resources_menu_popup .login_popup .close { position: absolute; background: url(images/close-icn-black.png) no-repeat; height: 48px; width: 48px; right: 136px; top: -30px; cursor: pointer; } #resources_menu_popup .login_popup a:hover { box-shadow: 0 10px #37b5e8; transition: all ease 0.3s; border-color: #37b5e8; color: #37b5e8; } #resources_menu_popup .login_popup a img { height: 56px; max-width: 170px; } #resources_menu_popup .login_popup a:last-child { margin-right: 0; } #resources_menu_popup .login_popup .more-btns { display: none; width: 100%; } #resources_menu_popup .login_popup .more-btns a > span { position: relative; display: inline-block; padding-left: 38px; } #resources_menu_popup .login_popup .more-btns a > span:before { display: inline-block; background: url(images/age-icn.png) no-repeat; height: 35px; width: 31px; position: absolute; left: 0; top: 0; content: ''; transition: all ease 0.3s; } #resources_menu_popup .login_popup .more-btns a:hover > span:before { background: url(images/age-icn-hover.png) no-repeat; transition: all ease 0.3s; } #resources_menu_popup .login_popup .more-btns a { font-size: 27px; font-family: 'OpenSans-Bold'; padding: 15px 75px; } #resources_menu_popup .login_popup .find-more-btns.active .more-btns { display: inline-block; } #resources_menu_popup .login_popup .find-more-btns.active .btns-outer { display: none; } /*-------------------------------------------------- Banner Navigation Popup --------------------------------------------------*/ /*-------------------------------------------------- Page Per Sheet Popup --------------------------------------------------*/ .page-per-sheet-popup .popup-box { width: 562px; padding: 0; background: #00bcff !important; -webkit-box-shadow: 0px 0px 8px 4px rgba(224, 224, 224, 1); -moz-box-shadow: 0px 0px 8px 4px rgba(224, 224, 224, 1); box-shadow: 0px 0px 8px 4px rgba(224, 224, 224, 1); margin-bottom: -1px; } #resource_preview_popup.page-per-sheet-popup .popup-box { width: auto; background: #fff !important; border-radius: 10px 10px; padding: 25px;/* width: 900px; *//* height: 100%; */ } .page-per-sheet-popup .popup-box h2 { text-align: center; padding: 12px 47px 12px 47px; color: #fff; font-size: 32px; line-height: 39px; display: inline-block; font-family: "BreeSerif-Regular"; margin-bottom: 0; } .page-per-sheet-popup .content-box { width: 100%; margin: 0; padding: 25px; text-align: center; border-radius: 0 0 10px 10px; } .page-per-sheet-popup .content-box .background { display: inline-block; padding: 20px; background: #eef6ff; border-radius: 6px; border: 2px solid #eef6ff; } .page-per-sheet-popup .export-model { display: block; } .page-per-sheet-popup .modal-row { display: inline-block; width: 100%; text-align: center; } .page-per-sheet-popup .modal-blog { display: inline-block; width: 32%; text-align: center; margin: 0 auto; } .page-per-sheet-popup .modal-row .modal-blog .img-background { background: #fff; height: 72px; width: 102px; position: relative; border: 1px solid #e1e2e3; } .page-per-sheet-popup .modal-row .modal-blog .background.active { border: 2px solid #ff9900; } .page-per-sheet-popup .modal-row .modal-blog .img-background img { position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; } .page-per-sheet-popup .btns .close_btn { border: 0; background: #cad5e5; color: #fff; padding: 6px 0; border-radius: 4px; font-size: 24px; font-family: "BreeSerif-Regular"; width: 25%; margin-right: 15px; width: 129px; line-height: inherit; } .page-per-sheet-popup .btns .save_btn { border: 0; background: red; color: #fff; border: 0; background: #ffd451; color: #464646; padding: 6px 0; border-radius: 4px; font-size: 24px; font-family: "BreeSerif-Regular"; width: 129px; margin-right: 15px; line-height: inherit; } .tw-tool-outer .modal-body .btns { text-align: center; padding: 40px 0 5px; } .page-per-sheet-popup i.close-icon { background-image: url(images/cross_icon.png) !important; background-repeat: no-repeat !important; position: absolute; right: 20px !important; top: 20px !important; width: 18px !important; height: 19px !important; cursor: pointer; } #resource_preview_popup.page-per-sheet-popup i.close-icon { background-image: url(images/search-close-icon.png) !important; background-repeat: no-repeat; position: absolute; right: 10px; top: 10px; width: 18px; height: 18px; cursor: pointer; } .page-per-sheet-popup .modal-blog p { font-size: 15px; margin: 0; font-family: helvetica; color: #5074a9; padding: 5px 0 0 0; } .page-per-sheet-popup .remove-header-section { width: 100%; display: inline-block; margin: 15px 0; text-align: center; } .page-per-sheet-popup .remove-header-section .checkbx { display: none; } .page-per-sheet-popup .remove-header-section .checkbx + label[for="rmv_pdf_header"] { background: url('images/check-box.jpg') no-repeat; height: 30px; width: 30px; border: none; background-position: 0 0px; padding: 10px; display: inline-block; width: auto; padding-left: 40px; line-height: 10px; cursor: pointer; } .page-per-sheet-popup .remove-header-section .checkbx:checked + label[for="rmv_pdf_header"] { background: url('images/check-box-checked.jpg') no-repeat; } #pdf_view_popup.page-per-sheet-popup .popup-box { width: 970px; padding: 40px 30px; background: #fff !important; height: 100%;} #pdf_view_popup.page-per-sheet-popup .popup-box .flexslider { margin: 0; background: transparent; border: none; } #pdf_view_popup.page-per-sheet-popup i.close-icon {background-image: url(images/close-icn-gray.png) !important; background-repeat: no-repeat; position: absolute; right: 0px !important; top: -38px !important; width: 30px !important; height: 30px !important; cursor: pointer; background-size: 96%;} #pdf_view_popup.page-per-sheet-popup .flexslider .flex-direction-nav .flex-prev, #pdf_view_popup.page-per-sheet-popup .flexslider:hover .flex-direction-nav .flex-prev { left: -30px; } #pdf_view_popup.page-per-sheet-popup .flexslider .flex-direction-nav .flex-next, #pdf_view_popup.page-per-sheet-popup .flexslider:hover .flex-direction-nav .flex-next { right: -30px; } #pdf_view_popup.page-per-sheet-popup .flexslider .flex-direction-nav .flex-prev:before { content: ''; background: url('images/arrow-left.png') no-repeat; height: 36px; width: 19px; } #pdf_view_popup.page-per-sheet-popup .flexslider .flex-direction-nav .flex-next:before { content: ''; background: url('images/arrow-right.png') no-repeat; height: 36px; width: 19px; } #pdf_view_popup.page-per-sheet-popup .flexslider .slides > li img { width: 100%; } #pdf_view_popup.page-per-sheet-popup .flexslider .slides > li:last-child { margin-right: 0 !important; } #pdf_view_popup.page-per-sheet-popup .flexslider { background: transparent;height: 100%;} #pdf_view_popup.page-per-sheet-popup .flexslider .flex-viewport{height: 100%; overflow-y: scroll !important;} #resource_preview_popup .popup-box-main { top: 0; -webkit-transform: translate(0, 0%); -moz-transform: translate(0, 0%); -ms-transform: translate(0, 0%); transform: translate(0, 0%); overflow-y: scroll; padding: 5% 0; overflow-x: hidden; display: inline-block; height: 100vh; } #resource_preview_popup.download-popup { z-index: 99999981; height: 100vh; width: 100%; } #subscription_popup .login_popup { width: 695px; background: #fff; -moz-box-shadow: 0 0 3px 1px #d1d1d0; -webkit-box-shadow: 0 0 3px 1px #d1d1d0; box-shadow: 0 0 3px 1px #d1d1d0; padding: 45px 45px 35px 45px; border-radius: 6px; text-align: left; } #subscription_popup .login_popup strong.blue { font-family: 'din_alternatebold'; width: 100%; display: inline-block; color: #37b7e5; font-weight: 900; text-align: center; font-size: 24px; margin-bottom: 20px; } #subscription_popup .login_popup p { font-size: 18px; color: #000; } #subscription_popup .login_popup ul { margin: 0; padding: 0; list-style: none; } #subscription_popup .login_popup ul li { width: 100%; display: inline-block; } #subscription_popup .login_popup ul li .checkbx { display: none; } #subscription_popup .login_popup ul li .checkbx + label[for="rmv_pdf_header"], #subscription_popup .login_popup ul li .checkbx + label[for="rmv_pdf_header_consent_2"] { background: url(images/check-box.jpg) no-repeat; border: none; padding: 10px; display: inline-block; padding-left: 40px; cursor: pointer; background-position: 0 center; } #subscription_popup .login_popup ul li .checkbx:checked + label[for="rmv_pdf_header"], #subscription_popup .login_popup ul li .checkbx:checked + label[for="rmv_pdf_header_consent_2"] { background: url('images/check-box-checked.jpg') no-repeat; background-position: 0 center; } #subscription_popup .login_popup ul li .checkbx + label.chklabel { background: url(images/check-box.jpg) no-repeat; border: none; padding: 10px; display: inline-block; padding-left: 40px; cursor: pointer; background-position: 0 center; } #subscription_popup .login_popup ul li .checkbx:checked + label.chklabel { background: url('images/check-box-checked.jpg') no-repeat; background-position: 0 center; } #subscription_popup .login_popup .text-center { text-align: center; } #subscription_popup .login_popup ul li .continue_btn { border: 0; margin-top: 10px; background: #ff9a04; color: #fff; font-family: 'din_alternatebold'; padding: 5px 0; border-radius: 4px; font-size: 19px; width: 178px; margin-left: 15px; margin-right: 15px; line-height: inherit; } #subscription_popup .login_popup ul li .continue_btn:hover { background-color: #33ccff; } #subscription_popup .login_popup ul li .timer_btn { border: 0; margin: 0 0 20px 0; background: #3cb5e9; color: #fff; font-family: 'din_alternatebold'; padding: 6px 0; border-radius: 4px; font-size: 32px; width: 200px; line-height: inherit; } #subscription_popup .login_popup ul li .timer_btn span { position: relative; display: inline-block; padding-left: 35px; } #subscription_popup .login_popup ul li .timer_btn span:before { background: url(images/timer.png); content: ''; height: 28px; width: 28px; position: absolute; left: 0; top: 50%; margin-top: -14px; } /*-------------------------------------------------- Page Per Sheet Popup --------------------------------------------------*/ a.login_user:last-child { margin-bottom: 0 !important; } #resource_popup.download-popup i.close-icon { background-image: url(images/close-icn-white.png); background-repeat: no-repeat; position: absolute; right: 28px; top: 20px; width: 60px; height: 60px; cursor: pointer; } .success-criteria-popup #primary { filter: blur(11px); -webkit-filter: blur(11px); } /*-------------------------------------------------- sighnup-section --------------------------------------------------*/ .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .auto-outer { width: 100%; margin-top: 25px !important; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .auto-outer input#user_auto_renew { height: inherit !important; width: auto !important; float: left; cursor: pointer; display: none; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .auto-outer label { width: auto !important; padding-left: 40px; float: left; line-height: 20px; font-size: 16px !important; color: #ff9600 !important; font-family: 'din_alternatebold' !important; cursor: pointer; position: relative; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .auto-outer label:before { content: ''; background: url(images/check-box.jpg) no-repeat; position: absolute; left: 0px; top: 50%; height: 30px; width: 30px; margin-top: -15px; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .auto-outer input[type="checkbox"]:checked + label:before { background: url(images/check-box-checked.jpg) no-repeat; } .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .pmpro_payment-name-on-card, .sighnup-section form.pmpro_form table#pmpro_payment_information_fields .pmpro_payment-account-number { width: 100% !important; margin-bottom: 15px; } /*-------------------------------------------------- sighnup-section --------------------------------------------------*/ #subscription_popup .login_popup .close { right: 20px; top: 20px; background: url(images/close-icn-gray.png) no-repeat; width: 44px; height: 44px; background-size: cover; } #page_per_sheet_process_message { text-align: center } #page_per_sheet_process_message .error { margin: 10px auto 10px auto; line-height: normal; display: inline-block; border: 1px solid #f11414; color: #f11414; padding: 5px; } .auto_renew_msg { font-size: 16px; padding: 5px; margin: 0 0 10px; border: 1px solid transparent; text-align: center; font-family: 'dinregular'; } .auto_renew_msg.error { border-color: #f44336; color: #f44336; background-color: #f2dede; } .auto_renew_msg.success { border-color: #4F8A10; color: #4F8A10; background-color: #dff0d8; } #membership_user_name { text-transform: capitalize; } /*-------------------------------------------------- timer-block --------------------------------------------------*/ .timer-block.active { padding: 28px; transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; } .timer-block.active strong { margin-bottom: 18px; word-break: break-all; width: 100%; text-align: center; font-size: 28px; height: auto; } .timer-block.active .timer_btn { border: 1px solid #fff; background: transparent; display: block; margin: 0 auto 25px auto; color: #fff; font-family: 'din_alternatebold'; padding: 6px 0; border-radius: 4px; font-size: 30px; width: 200px; line-height: inherit; } .timer-block.active .timer_btn span { position: relative; display: inline-block; padding-left: 35px; } .timer-block.active .timer_btn span:before { background: url(images/timer.png); content: ''; height: 28px; width: 28px; position: absolute; left: 0; top: 50%; margin-top: -14px; } .timer-block.active .timer_btn span sub { bottom: 0; font-size: 14px; } .timer-block.active .continue_btn { border: 0; margin: 0px auto; background: #ff9a04; border: 1px solid #ff9a04; color: #fff; font-family: 'din_alternatebold'; padding: 5px 0; border-radius: 4px; font-size: 19px; width: 150px; line-height: inherit; display: block; } .timer-block.active .continue_btn:hover { background: transparent; border-color: #fff; } .timer-block .timer-close-btn { cursor: pointer; background: url(images/smal-close-icn-white.png); height: 21px; width: 21px; position: absolute; right: 8px; top: 8px; } .timer-block {position: fixed;right: 0;top: 256px;z-index: 999;background: #04bbff;border-radius: 4px 0 0 4px;box-shadow: 2px 4px 5px 0px rgba(0, 0, 0, 0.2);text-align: center;padding: 10px 10px 10px 25px;margin-bottom: 0;transition: all 0.4s;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;} .timer-block:after { content: ''; width: 0; height: 0; border-top: 8px solid transparent; border-right: 10px solid #ff9e19; border-bottom: 8px solid transparent; position: absolute; left: 8px; top: 50%; margin-top: -5px; } .timer-block.active:after { display: none; } .timer-block .open-content button { display: none; } .timer-block strong {width: 38px;color: #fff;font-size: 0;font-family: 'OpenSans-Bold';display: block;height: 38px;position: relative;} .timer-block strong:after {background: url(images/timer.png) no-repeat;content: '';height: 38px;width: 38px;display: block;border: 1px solid #fff;background-position: 5px;border-radius: 4px;} .timer-block.active strong:after { display: none; } .listing-box-content.disable .image-box, .resources-section .tab-content a.disable { cursor: not-allowed; opacity: 0.3; } .listing-box-content.disable .image-box { position: relative; } .listing-box-content.disable .image-box:after, .resources-section .tab-content a.disable .tab-box .tab-box-content h3:after { background: url(images/lock-icn.png); content: ''; width: 19px; height: 27px; position: absolute; right: 25px; bottom: 27px; } .listing-box-content.disable .image-box:after { right: 10px; bottom: 10px; } .listing-box-content.disable .content-box a { cursor: not-allowed; } .download-popup .image-box.hover-zoom { position: relative; cursor: pointer; } .download-popup .image-box.hover-zoom:hover:before { opacity: 0.7; content: ''; background: #fff; height: 100%; width: 100%; position: absolute; left: 0%; top: 0%; } .download-popup .image-box.hover-zoom:hover:after { content: ''; background: url(images/search-plus-icn.png); height: 61px; width: 59px; position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-left: -29px; } .display_timer { cursor: pointer } .pmpro_btn, .pmpro_btn:link, .pmpro_content_message a, .pmpro_content_message a:link { border: 1px solid #D6D6D6; } .pmpro_btn:hover, .pmpro_btn:focus, .pmpro_checkout .pmpro_btn:hover, .pmpro_checkout .pmpro_btn:focus, .pmpro_content_message a:focus, .pmpro_content_message a:hover { background-color: #FAFAFA; } .pmpro_btn.pmpro_cancel, .pmpro_btn.pmpro_cancel:link { background: none; border: none; margin: 0 0 0 10px; } form.pmpro_form div { clear: left; margin: .5em 0 1em 0; } form.pmpro_form label { float: left; font-weight: bold; margin: 3px 10px 0 0; text-align: right; width: 200px; } form.pmpro_form label.pmpro_normal { float: none; font-weight: normal; margin: 0 0 0 0; text-align: auto; width: auto; } form.pmpro_form input[type=checkbox]#tos { display: inline-block; width: auto; } .pmpro_clickable { cursor: pointer; } form.pmpro_form .likelabel { font-weight: bold; } form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select { border: 1px solid #AAA; display: inline-block; margin: 0 3px 0 0; max-width: 60%; padding: 3px; } form.pmpro_form textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } form.pmpro_form select { font-size: 12px; margin: 2px 0 0 0; } form.pmpro_form .leftmar { margin: 8px 0 0 220px; } form.pmpro_form .pmpro_captcha { margin: 0 0 0 220px; } form.pmpro_form .pmpro_submit { margin-left: 220px; } form.pmpro_form .pmpro_submit span { float: left; } form.pmpro_form #pmpro_processing_message { color: #999; font-style: italic; margin: 5px 0 0 10px; } .pmpro_checkout thead th { color: #444; font-weight: bold; padding: 10px; } .pmpro_checkout tbody td { padding: 10px; } .pmpro_checkout tr.odd td { background: rgba(239, 239, 239, 0.25); } .pmpro_checkout tr.selected td { background: #FFC; } .pmpro_checkout tr.active td { background: #FFC; } .pmpro_checkout .name { font-weight: bold; } .pmpro_checkout ul { color: #444; font-size: .8em; margin: 5px 0 0 20px; padding: 0; } .pmpro_checkout tfoot td { color: #444; padding: 10px; } .pmpro_checkout .topfoot td { border-top: 2px solid #CCC; } .pmpro_checkout .total td { border-top: 1px solid #CCC; font-size: 1.2em; font-weight: bold; padding-bottom: 30px; } .pmpro_checkout tfoot .entercode td { background: #EEE; } .pmpro_checkout td.rtbdr { border-right: 1px solid #CCC; } .pmpro_checkout select { font-size: 11px; } .pmpro_thead-name { float: left; width: 55%; } .pmpro_thead-msg { float: right; font-size: .9em; font-style: italic; font-weight: normal; text-align: right; width: 45%; } .pmpro_ordersummary { float: right; } .pmpro_sslseal { clear: none !important; float: right; margin: 0 !important; } a.pmpro_radio { color: #000; text-decoration: none; } .pmpro_invoice thead th, .pmpro_invoice tbody td, #pmpro_account-invoices thead th, #pmpro_account-invoices tbody td { padding: 10px; } .pmpro_invoice tbody td:nth-child(first), #pmpro_account-invoices tbody td:nth-child(first) { padding-left: 10px; } .pmpro_invoice tbody tr:nth-child(odd) td, #pmpro_account-invoices tbody tr:nth-child(odd) td { background: rgba(239, 239, 239, 0.25); } .disable_resource textarea, .disable_resource #download_resource { opacity: 0.6; cursor: not-allowed; } /* user_gdpr_btns */ .user_gdpr_btns { width: 100%; display: inline-block;text-align: center; } .user_gdpr_btns > input { width: 20%; margin: 0 1.5% 1.5%; font-size: 16px; padding: 15px 30px 16px; color: #fff; border-color: #ff9900; font-family: 'din_alternatebold'; background-color: #ff9900; display: inline-block; } .user_gdpr_btns > input:hover { background: #00baff; border-color: #00baff; } /* activate_account_popup */ #activate_account_popup .popup-box { padding: 60px 40px; } #activate_account_popup .popup-box form { width: 100% } #activate_account_popup .popup-box form #active_user_email { width: 70%; font-size: 16px; padding: 11px 16px; font-family: 'din_alternatebold'; float: left; } #activate_account_popup .popup-box form #activate_account { width: 25%; font-size: 16px; padding: 15px 16px; color: #fff; border-color: #ff9900; font-family: 'din_alternatebold'; background-color: #ff9900; float: right; } #activate_account_popup .popup-box .auto_renew_msg { display: block; width: 100%; float: left; border-color: transparent; background-color: transparent; padding: 20px 0px 0px 0px; margin: 0; } .contact-form .wpcf7-form p { font-size: 18px; color: #000; font-family: 'dinregular'; width: 100%; display: inline-block; margin-top: 15px; } .contact-form .wpcf7-form p .wpcf7-submit { margin-top: 20px; } .contact-form .wpcf7-form .wpcf7-list-item { margin-left: 0; } /* #resource_zoom_popup.page-per-sheet-popup .popup-box { overflow: visible; width: auto;} */ #resource_zoom_popup.page-per-sheet-popup .popup-box { width: auto; } #resource_zoom_popup.page-per-sheet-popup .popup-box img { max-height: 750px; max-width: 562px; display: block; } #resource_zoom_popup.page-per-sheet-popup i.close-icon { background-image: url(images/close-icn-black.png) !important; background-repeat: no-repeat !important; position: absolute; right: -60px !important; top: -60px !important; width: 60px !important; height: 60px !important; cursor: pointer; opacity: 1; } .disable_dict .download-button, .disable_dict .disable_read { cursor: not-allowed; opacity: 0.6 } #workshop_redirect_popup .modal-body * { font-weight: normal; } #workshop_redirect_popup span#wkshop_rem_time { color: #00bcff; } .semi-container { width: 60%; margin: 0 auto 20px !important; display: block; float: none; } #res_foot_login { color: #00bcff; cursor: pointer; } .chkbox_outer { position: relative; padding-left: 40px; display: inline-block !important; text-align: left; width: 100%; } .chkbox_outer input[type="checkbox"] { display: none; } .chkbox_outer input[type="checkbox"] + label.chkbx { background: url(images/check-box.jpg) no-repeat; border: none; padding: 15px; display: inline-block; cursor: pointer; background-position: 0 center; position: absolute; left: 0px; top: 50%; height: 30px; width: 30px; margin-top: -15px; } .chkbox_outer input[type="checkbox"]:checked + .chkbx { background: url('images/check-box-checked.jpg') no-repeat; background-position: 0 center; } .subcription-page .sighnup-step-subscription .subscription-box-listing ul.plan-Logo { margin-bottom: 15px; } .subcription-page .sighnup-step-subscription .subscription-box-listing ul.plan-Logo li { background-image: none; padding-left: 0; text-align: center; } .subcription-page .sighnup-step-subscription .subscription-box-listing ul.plan-Logo li img { max-width: 60%; } /* .pdf_online_read popup*/ #pdf_view_popup.page-per-sheet-popup.pdf_online_read .popup-box .flexslider ul.slides.carousel { /*max-height: 100%; overflow-y: scroll; overflow-x: hidden; */} #pdf_view_popup.page-per-sheet-popup.pdf_online_read .popup-box .flexslider ul.slides.carousel li {/*max-height: 100%; overflow-y: scroll; overflow-x: hidden;*/} #pdf_view_popup.page-per-sheet-popup.pdf_online_read .popup-box .flexslider ul li img { margin: 0 auto; } #pmpro_pricing_fields .plan-Logo {display: none;} .wpcf7-form .chkbox_outer input[type="checkbox"] + label.chkbx { left: -40px;} ._3d-button { box-shadow: 0 10px 0 #d38716; } ._3d-button:hover { box-shadow: 0 10px 0 #38b5e6; } .sighnup-section .sighnup-step-details .subscription .step-button a.sub_now_btn {background-color: #ff9900;} .sighnup-section .sighnup-step-details .subscription .step-button a.sub_now_btn:hover {background: #33ccff;} /*New css on 18-DEC-2018*/ #profile_update .profile_submit input[type="submit"] {margin-right: 10px;}