@import url(nwc-migration.css); @import url(nwcerrorpage.base-1.css); .error-page .dnnSearchBox > .dnnSearchBox_advanced { display: none; } .error-page .main-content { margin: 3.5rem 0; } .error-page a[href^="mailto:"] { display: inline; } .error-page .error-wrapper h1 { font-size: 150px; margin-bottom: 0; line-height: 0.9em; } .error-page .searchInputContainer { max-width: 600px; width: 100%; } .error-page .searchInputContainer a.dnnSearchBoxClearText { top: 10px; } .error-page .dnnSearchBoxPanel, .error-page .dnnSearchResultPanel { max-width: 100%; } .error-page .dnnSearchResultPanel { margin-top: 0; } .error-page .dnnSearchBoxPanel .dnnSearchBox { max-width: 1000px; } .error-page .dnnSearchBox > input[type="text"], .error-page .dnnSearchBox > input[type="text"]:focus { padding: 0.75em 1em; } .error-page .dnnSearchBox > a.dnnSearchButton { width: 32px; height: 23px; } .error-page .dnnRight table { margin-bottom: 0; } .error-page .dnnRight ul { font-size: 1rem; } .error-page .dnnRight .dnnSearchResultCountPerPage { margin-top: 4px; } .error-page table td.rcbArrowCellRight { padding: inherit; } header .logo a { position: relative; z-index: 1; } header .logo img { position: relative; color: transparent; } .btn-responsive-nav { display: none; } header.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } /*body.sticky-menu-active header{border-bottom:1px solid #e9e9e9;position:fixed;top:-57px;width:100%;z-index:1000;box-shadow:0 0 3px rgba(0,0,0,.1);filter:none}*/ body.sticky-menu-active header .social-icons { margin-top: -1px; } body.sticky-menu-active header nav ul.nav-main { margin-bottom: 7px; margin-top: -4px; } body.sticky-menu-active.always-sticky header { top: 0; } body.sticky-menu-active.always-sticky header nav ul.nav-main { margin: -7px 10px 8px 0; } body.sticky-menu-active.always-sticky header .social-icons { margin-top: -3px; } body.scrolling .nav-main-collapse.collapsing { -webkit-transition: none; transition: none; } @media (min-width: 992px) { header nav { float: inherit; } /*header nav ul.nav-main{margin:-7px 10px 8px 0}*/ header nav ul.nav-main > li + li { margin-left: -4px; } /*header nav ul.nav-main li a{font-size:12px;font-style:normal;line-height:20px;margin-left:3px;margin-right:3px;text-transform:uppercase;font-weight:700;padding:10px 13px}*/ header nav ul.nav-main li a:hover { background-color: #f4f4f4; color: #fdca00 !important; } header nav ul.nav-main li a:focus { background: transparent; } header nav ul.nav-main li a i.fa-caret-down, header nav ul.nav-main li a em.fa-caret-down { position: relative; top: -1px; margin-left: 2px; display: none; } header nav ul.nav-main li ul a { text-transform: none; font-weight: 300; font-size: 1.1em; font-family: "Fira Sans Condensed", sans-serif; padding: 0 25px 8px 0; display: block; } header nav ul.nav-main li.dropdown.open a.dropdown-toggle { border-radius: 5px 5px 0 0; } /*header nav ul.nav-main li.dropdown:hover>a{padding-bottom:11px;margin-bottom:-1px}*/ header nav ul.nav-main li.dropdown:hover > ul { display: block; } header nav ul.nav-main li.dropdown:hover a.dropdown-toggle { background-color: #00529c !important; /*border-radius:5px 5px 0 0*/ } header nav ul.nav-main ul.dropdown-menu { border: 0; /*border-top:5px solid #ccc;border-radius:0 6px 6px 6px*/ box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin: 1px 0 0 3px; padding: 5px; top: auto; text-align: left; min-width: 200px; } header nav ul.nav-main ul.dropdown-menu li:hover > a, header nav ul.nav-main ul.dropdown-menu li > a:focus { filter: none; background: #f4f4f4; } header nav ul.nav-main ul.dropdown-menu li:last-child > a { border-bottom: 0; } header nav ul.nav-main ul.dropdown-menu > li > a { color: #777; font-weight: 400; padding-bottom: 4px; padding-top: 4px; text-transform: none; position: relative; padding: 8px 20px 8px 5px; font-size: 0.9em; border-bottom: 1px solid #f4f4f4; } header nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border-top: 0; border-radius: 6px; margin-left: 0; margin-top: -5px; } header nav ul.nav-main .dropdown-submenu { position: relative; } header nav ul.nav-main .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; border-radius: 0 6px 6px 6px; } header nav ul.nav-main .dropdown-submenu .fa-caret-down { display: none; } header nav ul.nav-main .dropdown-submenu > a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fff; margin-top: 5px; margin-right: -10px; position: absolute; top: 8px; right: 15px; } header nav ul.nav-main .dropdown-submenu.pull-left { float: none; } header nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu { left: -100%; margin-left: 10px; border-radius: 6px 0 6px 6px; } header nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu { display: block; } header nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: #fff; } header .nav-main-collapse { overflow-y: visible; } header .nav-main-collapse.in { overflow-y: visible; } header.font-color-light nav.nav-main ul.nav-main > li.active > a, header.font-color-light nav.nav-main ul.nav-main > li > a { color: #fff; } body.sticky-menu-active header.font-color-light nav.nav-main ul.nav-main > li.active > a, body.sticky-menu-active header.font-color-light nav.nav-main ul.nav-main > li > a { color: #777; } header.font-color-dark nav.nav-main ul.nav-main > li.active > a, header.font-color-dark nav.nav-main ul.nav-main > li > a { color: #444; } } @media (min-width: 992px) { header nav.mega-menu .nav, header nav.mega-menu .dropup, header nav.mega-menu .dropdown, header nav.mega-menu .collapse { position: static; margin-left: 0; margin: 0; } header nav.mega-menu ul.nav-main .mega-menu-content { text-shadow: none; } /*header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu .mega-menu-sub-title{color:#333;display:block;font-size:1em;font-weight:600;padding-bottom:5px;text-transform:uppercase;margin-top:20px}*/ header ul.sub-menu .sub-menu { display: none; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu .mega-menu-sub-title:first-child { margin-top: 0; /*padding: 0 25px 16px;*/ } header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { background: #00529c !important; /*border-top:6px solid #ccc;*/ color: #777; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); margin: 0; } header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu { list-style: none; padding: 0; margin: 0; } /*header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a{color:#777;text-shadow:none;margin:0 0 0 -8px;padding:3px 8px;text-transform:none;font-size:.9em;display:block;font-weight:normal;border-radius:4px;border:0}*/ header nav.mega-menu ul.nav-main li.mega-menu-item:hover ul.sub-menu li:hover a:hover { background: #f4f4f4 !important; text-decoration: none; } /*header nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu{border-radius:6px}*/ header nav.mega-menu .navbar-inner, header nav.mega-menu .container { position: relative; } header nav.mega-menu .dropdown-menu { left: auto; } header nav.mega-menu .dropdown-menu > li { display: block; } header nav.mega-menu .mega-menu-content { padding: 20px 30px; } header nav.mega-menu .mega-menu-content:before { display: table; content: ""; line-height: 0; } header nav.mega-menu .mega-menu-content:after { display: table; content: ""; line-height: 0; clear: both; } header nav.mega-menu.navbar .nav > li > .dropdown-menu:after, header nav.mega-menu.navbar .nav > li > .dropdown-menu:before { display: none; } header nav.mega-menu .dropdown.mega-menu-fullwidth .dropdown-menu { width: auto; left: 0; right: 0; /*left:15px;right:15px*/ } header nav.mega-menu nav.pull-right .dropdown-menu { right: 0; } header.flat-menu nav.mega-menu ul.nav-main li.mega-menu-fullwidth ul.dropdown-menu { border-radius: 0; } } @media (min-width: 992px) { header.flat-menu > .container { height: 91px; margin-bottom: -82px; } header.flat-menu .header-top { margin-top: -8px; } header.flat-menu .social-icons { margin: 11px 10px 9px 10px; margin: 10px 10px 0; } header.flat-menu .search { margin-top: 8px; } header.flat-menu .search form { margin: 0; } header.flat-menu .search input.search-query { padding-bottom: 5px; padding-top: 5px; } header.flat-menu nav ul.nav-main { float: right; margin: -9px 0 -8px; } header.flat-menu nav ul.nav-main > li > a { background: transparent; margin-bottom: 0; border-top: 5px solid transparent; } header.flat-menu nav ul.nav-main > li > a { border-radius: 0; margin-left: 1px; margin-right: 3px; padding-bottom: 20px; padding-top: 46px; } header.flat-menu nav ul.nav-main li.dropdown:hover a.dropdown-toggle { border-radius: 0; } header.flat-menu nav ul.nav-main li.dropdown:hover > a { padding-bottom: 21px; } header.flat-menu nav ul.nav-main ul.dropdown-menu { margin: 0 0 0 1px; border-radius: 0; } header.flat-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border-radius: 0; } header.flat-menu nav ul.nav-main .mega-menu-signin ul.dropdown-menu li a, header.flat-menu nav ul.nav-main .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a { color: #333; } body.sticky-menu-active header.flat-menu ul.nav-main { margin-bottom: -10px; margin-top: 34px; } body.sticky-menu-active header.flat-menu ul.nav-main > li > a, body.sticky-menu-active header.flat-menu ul.nav-main > li:hover > a { border-top-color: transparent; padding-bottom: 26px; padding-top: 26px; } body.sticky-menu-active header.flat-menu .header-top { display: none; } html.boxed header.flat-menu { padding: 15px 0 7px; } html.boxed header.flat-menu.clean-top { padding-bottom: 8px; } html.boxed header.flat-menu.colored { padding: 0 0 7px; } html.boxed header.flat-menu.single-menu nav ul.nav-main ul.dropdown-menu { margin-top: -1px; } html.boxed header.flat-menu .header-top { border-radius: 5px 5px 0 0; } html.boxed body.sticky-menu-active header.flat-menu.clean-top, html.boxed body.sticky-menu-active header.flat-menu.colored { padding: 15px 0 7px; } } @media (min-width: 992px) { header.single-menu { min-height: 86px; } header.single-menu > .container { height: 91px; margin-bottom: -77px; } header.single-menu .social-icons { margin-top: 32px; } header.single-menu .search { display: none; } header.single-menu .search + nav { display: none; } header.single-menu nav ul.nav-main { margin: -28px 0 -9px; float: right; } header.single-menu nav ul.nav-main li a, header.single-menu nav ul.nav-main li.dropdown:hover > a { padding-bottom: 20px; padding-top: 62px; } header.single-menu nav.mega-menu .mega-menu-signin { margin-right: 0; } header.single-menu.valign .social-icons { margin-top: 15px; } header.single-menu.valign nav ul.nav-main > li > a, header.single-menu.valign nav ul.nav-main > li.dropdown:hover > a { padding-bottom: 42px; padding-top: 47px; } body.sticky-menu-active header.single-menu .logo, body.sticky-menu-active header.single-menu.valign .logo { padding-top: 14px; } body.sticky-menu-active header.single-menu .social-icons, body.sticky-menu-active header.single-menu.valign .social-icons { margin-top: 54px; } body.sticky-menu-active header.single-menu nav ul.nav-main, body.sticky-menu-active header.single-menu.valign nav ul.nav-main { margin-top: 20px; margin-bottom: -9px; } body.sticky-menu-active header.single-menu nav ul.nav-main > li > a, body.sticky-menu-active header.single-menu nav ul.nav-main > li:hover > a, body.sticky-menu-active header.single-menu.valign nav ul.nav-main > li > a, body.sticky-menu-active header.single-menu.valign nav ul.nav-main > li:hover > a { border-top-color: transparent; padding-bottom: 21px; padding-top: 36px; } html.boxed header.single-menu { padding: 4px 0 7px; } html.boxed body.sticky-menu-active header.single-menu { padding: 15px 0 7px; } } @media (min-width: 992px) { header.clean-top .header-top { border-bottom: 1px solid #ededed; background-color: #f4f4f4; margin-top: -8px; } header.clean-top .social-icons { margin: 11px 10px 9px 10px; } body.sticky-menu-active header.clean-top ul.nav-main > li > a, body.sticky-menu-active header.clean-top ul.nav-main > li:hover > a { padding-bottom: 20px; padding-top: 33px; } } @media (min-width: 992px) { header.colored { border-top: 0; } header.colored > .container { height: 107px; margin-bottom: -92px; } header.colored .header-top p, header.colored .header-top a, header.colored .header-top span { color: #fff; } header.colored .search input.search-query { border: 0; padding-bottom: 5px; padding-top: 5px; box-shadow: none; } header.colored nav ul.nav-main { margin: -15px 0 -8px; } header.colored nav ul.nav-main > li > a { padding-bottom: 24px; padding-top: 50px; } header.colored nav ul.nav-main li.dropdown:hover > a { padding-bottom: 24px; } body.sticky-menu-active header.colored .logo { padding-top: 6px; } body.sticky-menu-active header.colored ul.nav-main > li > a, body.sticky-menu-active header.colored ul.nav-main > li:hover > a { padding-bottom: 24px; padding-top: 24px; } } @media (min-width: 992px) { header.darken-top-border > .container { height: 103px; } header.darken-top-border ul.nav-main { margin: -11px 0 -8px; } body.sticky-menu-active header.darken-top-border nav ul.nav-main { margin-top: 33px; } body.sticky-menu-active header.darken-top-border nav ul.nav-main > li > a, body.sticky-menu-active header.darken-top-border nav ul.nav-main > li:hover > a { padding-bottom: 22px; padding-top: 30px; } html.boxed header.darken-top-border { border-top: 0; } } @media (min-width: 992px) { header.center .logo { text-align: center; position: static; margin-top: 5px; } header.center nav { float: left; text-align: center; width: 100%; } header.center nav ul.nav-main { margin: 35px 0 10px; } header.center nav ul.nav-main > li { display: inline-block; float: none; text-align: left; } } @media (max-width: 991px) { header.center { text-align: left; } header.center nav { float: none; } } @media (min-width: 992px) { body.sticky-menu-active header.center > .container { margin-top: -60px; } body.sticky-menu-active header.center .logo { text-align: left; } body.sticky-menu-active header.center .logo img { margin-top: 42px; } body.sticky-menu-active header.center nav { float: right; margin-top: 18px; width: auto; } body.sticky-menu-active header.center nav ul.nav-main > li > a, body.sticky-menu-active header.center nav ul.nav-main > li:hover > a { padding-bottom: 10px; padding-top: 10px; } body.sticky-menu-active header.center nav ul.nav-main > li:hover > a { padding-bottom: 11px; padding-top: 10px; margin-bottom: -1px; } } @media (min-width: 992px) { header.narrow { height: auto; min-height: 85px; padding: 0; border-bottom: 1px solid #e9e9e9; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); } header.narrow > .container { margin-bottom: -48px; height: 75px; } body.sticky-menu-active header.narrow { top: 0 !important; } body.sticky-menu-active header.narrow .logo img { top: 0 !important; } body.sticky-menu-active header.narrow .social-icons { margin-top: -3px; } body.sticky-menu-active header.narrow nav ul.nav-main { margin: -7px 10px 8px 0; } header.narrow.full-width .container, header.narrow.full-width > .container, header.narrow.full-width > .navbar-collapse > .container { max-width: 100%; width: 100%; } header.narrow.full-width.flat-menu .social-icons { margin-top: -3px; } header.narrow.full-width.flat-menu nav ul.nav-main { margin-top: -48px; } header.narrow.full-width.flat-menu nav ul.nav-main > li > a { padding-bottom: 30px; } header.narrow.full-width.flat-menu nav ul.nav-main li.dropdown:hover > a { padding-bottom: 31px; } body.sticky-menu-active header.narrow.full-width.flat-menu .logo { padding-top: 5px; } body.sticky-menu-active header.narrow.full-width.flat-menu nav ul.nav-main { margin: -28px 0 -1px 0; } html.boxed body.sticky-menu-active header.narrow { width: 100%; } } @media (max-width: 991px) { header.narrow { height: auto; min-height: 0; } header.narrow > .container { height: 63px; } header.narrow .btn-responsive-nav { top: 17px; } body.sticky-menu-active header.narrow .logo img { margin-top: 0; } body.sticky-menu-active header.narrow .btn-responsive-nav { top: 15px; } } @media (min-width: 992px) { header.nav-bar .logo { position: relative; top: -4px; } header.nav-bar .search { clear: right; margin-top: 8px; margin-bottom: 0; } header.nav-bar nav ul.nav-top { margin-top: 0; margin-bottom: 0; min-height: 0; } header.nav-bar .nav-main-collapse { background: #f4f4f4; margin: 35px 0 -8px; } header.nav-bar nav.nav-main { float: none; } header.nav-bar nav.nav-main ul.nav-main { margin-top: 8px; } header.nav-bar .social-icons { margin-top: 12px; } body.sticky-menu-active header.nav-bar { padding-bottom: 0; top: -112px; } body.sticky-menu-active header.nav-bar .social-icons { margin-top: 12px; } } @media (max-width: 991px) { header.nav-bar .btn-responsive-nav { top: 60px; } } header.transparent { width: 100%; position: absolute; top: 0; border-top: 0; background: transparent; z-index: 1000; } header.transparent.semi-transparent { background: rgba(0, 0, 0, 0.3); } header.transparent.semi-transparent.light { background: rgba(255, 255, 255, 0.3); } body.sticky-menu-active header.transparent { background: #fff; } body.sticky-menu-active header.transparent.semi-transparent { background: rgba(0, 0, 0, 0.8); border-bottom: 0; } body.sticky-menu-active header.transparent.semi-transparent.light { background: rgba(255, 255, 255, 0.8); } body.sticky-menu-active header.transparent.semi-transparent.font-color-light nav.nav-main ul.nav-main > li.active > a, body.sticky-menu-active header.transparent.semi-transparent.font-color-light nav.nav-main ul.nav-main > li > a { color: #fff; } @media (min-width: 992px) { html.boxed header.transparent { left: auto; top: 35px; width: auto; } body.sticky-menu-active header.transparent { top: -50px; } } @media (min-width: 992px) { header.full-width .container, header.full-width > .container, header.full-width > .navbar-collapse > .container { max-width: 100%; width: 100%; } } header nav.mega-menu ul.nav-main .mega-menu-signin { padding-left: 0; margin-left: 0; margin-right: -20px; } header nav.mega-menu ul.nav-main .mega-menu-signin a { color: #444; } header nav.mega-menu ul.nav-main .mega-menu-signin.open > a, header nav.mega-menu ul.nav-main .mega-menu-signin:hover > a { color: #fff; } header nav.mega-menu ul.nav-main .mega-menu-signin .dropdown-menu { width: 40%; right: 8px; border-radius: 6px 0 6px 6px; } header nav.mega-menu ul.nav-main .mega-menu-signin .fa-user { margin-right: 5px; } header nav.mega-menu ul.nav-main .mega-menu-signin .mega-menu-sub-title { margin-bottom: 10px; display: block; } header nav.mega-menu ul.nav-main .mega-menu-signin .sign-up-info, header nav.mega-menu ul.nav-main .mega-menu-signin .log-in-info { text-align: center; display: block; } header nav.mega-menu ul.nav-main .mega-menu-signin.open a.dropdown-toggle { margin-bottom: -1px; padding-bottom: 11px; } header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signin-form { display: block; } header nav.mega-menu ul.nav-main .mega-menu-signin.signin .signup-form, header nav.mega-menu ul.nav-main .mega-menu-signin.signin .recover-form { display: none; } header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signin-form { display: none; } header nav.mega-menu ul.nav-main .mega-menu-signin.signup .signup-form { display: block; } header nav.mega-menu ul.nav-main .mega-menu-signin.signup .recover-form { display: none; } header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signin-form, header nav.mega-menu ul.nav-main .mega-menu-signin.recover .signup-form { display: none; } header nav.mega-menu ul.nav-main .mega-menu-signin.recover .recover-form { display: block; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail { float: left; margin-right: 15px; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar .img-thumbnail img { max-width: 55px; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong { color: #111; display: block; padding-top: 7px; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span { color: #666; display: block; font-size: 12px; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar p { color: #999; margin: 0 0 0 25px; text-align: left; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options { list-style: square; margin-top: 6px; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover { text-decoration: none; } body header nav.mega-menu .mega-menu-signin ul.dropdown-menu li a, body header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a { background-color: transparent !important; color: #333; padding: 0; margin: 0; } @media (max-width: 991px) { header nav.mega-menu ul.nav-main .mega-menu-signin { margin-right: 0; } header nav.mega-menu ul.nav-main .mega-menu-signin a { color: #fff; } header nav.mega-menu ul.nav-main .mega-menu-signin a .fa-caret-down { display: none !important; } header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu { display: block !important; margin: 25px 0 0 0 !important; padding: 0 0 0 8px; width: 100%; right: 0; } header nav.mega-menu ul.nav-main .mega-menu-signin ul.dropdown-menu li a { color: #fff; padding: 6px 0 !important; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong, header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar span { color: #fff !important; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options { margin: 25px 0 0 0 !important; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a { color: #fff !important; } header nav.mega-menu ul.nav-main .mega-menu-signin.logged .list-account-options a:hover { color: #fff !important; } } @media (max-width: 991px) { header { clear: both; } header > .container { margin-bottom: 0; } header .header-top, header .social-icons, header .search, header .header-extra-info { display: none; } header .nav-collapse { background: #171717; width: 100%; clear: both; width: 100%; } header .nav-collapse .container .nav-main { float: left; width: 100%; } header .nav-main-collapse { top: 8px; position: relative; background: #171717; max-height: none; width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; } header .nav-main-collapse.collapse { display: none !important; } header .nav-main-collapse.in { width: 100%; overflow: hidden; overflow-y: hidden; overflow-x: hidden; display: block !important; } header .nav-main { /*padding:10px 0*/ clear: both; display: block; float: none; width: 100%; } header .nav-main ul { padding: 0; margin: 0; } header .nav-main ul li { padding: 0; margin: 0; clear: both; float: none; display: block; /*border-bottom:1px solid #2a2a2a;*/ position: relative; } header .nav-main ul li a { color: #fff; /*font-size:13px*/ } header .nav-main ul li .mega-menu-sub-title { color: #959595; font-size: 13px; } header .nav-main ul li:last-child { border-bottom: none; } header .nav-main ul ul { margin-left: 20px !important; } /*header .nav-main ul.nav-main{float:none;position:static;margin:8px 0;margin-right:-10px}*/ header .nav-main ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; border: 0; } header .nav-main li.opened > ul.dropdown-menu { display: block !important; padding: 24px 0 8px; background-color: #00529c; } header .nav-main li a.dropdown-toggle.disabled .fa { display: none; } header nav ul.nav-main > li + li { margin-left: 0; } header nav ul.nav-main li a { clear: both; float: none; display: block; padding: 25px !important; border: 0; border-top: 0; margin: 0; } header nav ul.nav-main li a i.fa-caret-down, header nav ul.nav-main li a em.fa-caret-down { position: absolute; right: 0; top: 2px; min-width: 30px; min-height: 38px; text-align: center; line-height: 35px; } header nav ul.nav-main li.dropdown:hover > a { margin: 0; padding: 9px 8px !important; } header nav ul.nav-main ul.dropdown-menu { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 15px; } header nav ul.nav-main ul.dropdown-menu li > a { padding: 9px 8px; border: 0; border-top: 0; margin: 0; border-bottom: none; } header nav ul.nav-main ul.sub-menu { padding: 0; margin: 0 0 15px 5px !important; } header nav ul.nav-main .dropdown-submenu i.fa-caret-down, header nav ul.nav-main .dropdown-submenu em.fa-caret-down { border: 0 none; color: #fff; content: ""; font-family: FontAwesome; font-size: 13px; left: auto; margin-top: 0; position: absolute; right: -3px; top: 0; z-index: 2; width: 35px; text-align: center; line-height: 35px; } header nav ul.nav-main .dropdown-submenu:hover > a:after { border-left-color: transparent; } header .not-included { margin: 0 0 2px; } /*body header nav ul.nav-main ul.dropdown-menu{background:none !important;background-color:transparent !important}*/ body header nav ul.nav-main li.dropdown.open .dropdown-toggle, body header nav ul.nav-main li a, body header nav ul.nav-main li > a:hover, body header nav ul.nav-main li.active a, body header nav ul.nav-main li.dropdown:hover a { background: none !important; /*background-color:transparent !important;*/ padding: 25px !important; } /*body header nav ul.nav-main ul.dropdown-menu li:hover>a,body header nav ul.nav-main li.dropdown:hover ul.dropdown-menu li>a:hover{background:none !important;background-color:transparent !important}*/ body.sticky-menu-active header { top: -57px !important; } body.sticky-menu-active header .nav-main-collapse, header.fixed .nav-main-collapse { max-height: 330px; } body.sticky-menu-active header .nav-main-collapse.in, header.fixed .nav-main-collapse.in { overflow: hidden !important; overflow-x: hidden !important; overflow-y: auto !important; } body.sticky-menu-active header .logo img, header.fixed .logo img { margin-top: -6px; } /*.btn-responsive-nav{background:#171717;top:55px;display:block;position:absolute;right:20px;color:#fff;z-index:1}*/ .btn-responsive-nav:hover, .btn-responsive-nav:active, .btn-responsive-nav:focus { color: #ccc; outline: none; } header .logo img { max-width: 180px; max-height: none !important; height: auto; } header .header-top ul.nav-top { float: left; margin: 7px 0 0 -15px; min-height: 5px; } } @media (max-width: 767px) { header { display: block; } header > .container { width: 100%; } header .social-icons { display: none; } header nav ul.nav-top { float: right; margin-right: 0; } header.center nav { width: auto; } .btn-responsive-nav { top: 55px; } body.sticky-menu-active .btn-responsive-nav { top: 60px; } } @media (max-width: 479px) { header nav ul.nav-top, header .header-top { display: none; } } @media (max-width: 600px) { header nav ul.nav-top li { display: none; } header nav ul.nav-top li .phone { display: block; } } @media (min-width: 992px) { html header nav ul.nav-main .dropdown-full-color > ul.dropdown-menu li a, html header nav ul.nav-main .dropdown-full-color.mega-menu-item > ul.dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.15); } html header nav ul.nav-main .dropdown-full-color > ul.dropdown-menu li:last-child > a, html header nav ul.nav-main .dropdown-full-color.mega-menu-item > ul.dropdown-menu li:last-child > a, html header nav ul.nav-main .dropdown-full-color.mega-menu-item > ul.dropdown-menu li:last-child a { border-bottom: 0; } html header nav ul.nav-main .dropdown-full-color .dropdown-submenu > a:after, html header nav ul.nav-main .dropdown-full-color .dropdown-submenu:hover > a:after, html header nav ul.nav-main .dropdown-full-color.mega-menu-item .dropdown-submenu > a:after, html header nav ul.nav-main .dropdown-full-color.mega-menu-item .dropdown-submenu:hover > a:after { border-right-color: #fff; border-left-color: #fff; } html header nav ul.nav-main .dropdown-full-color .mega-menu-sub-title, html header nav ul.nav-main .dropdown-full-color.mega-menu-item ul.sub-menu .mega-menu-sub-title { color: #fff; /*opacity:.65*/ } html header nav ul.nav-main .dropdown-full-color .tip, html header nav ul.nav-main .dropdown-full-color.mega-menu-item .tip { background: #fff; color: #333; } html header nav ul.nav-main .dropdown-full-color .tip:before, html header nav ul.nav-main .dropdown-full-color.mega-menu-item .tip:before { border-right-color: #fff; } } body.sticky-menu-active.modal-open header { padding-right: 17px; } .newHeader { background: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.2); -webkit-transition: min-height 0.3s ease; -moz-transition: min-height 0.3s ease; transition: min-height 0.3s ease; width: 100%; z-index: 1000; top: 15px; position: fixed; border-top: 0; padding: 0; } .showControlBar .newHeader { top: 54px; background: transparent; padding-top: 10px; } .newHeader .nav-bar-primary.navbar-collapse.nav-main-collapse.collapse { background: transparent !important; } html .newHeader .nav-bar-primary nav ul.nav-main > li:hover > a { color: #fff !important; } .newHeader .nav-bar-primary nav ul.nav-main > li.active > a, .newHeader nav ul.nav-main li.dropdown-primary.active > a, .newHeader .nav-bar-primary nav ul.nav-main > li:hover > a, .newHeader nav ul.nav-main li a:hover { background-color: transparent !important; } .newHeader nav ul.nav-main > li > a { padding: 15px 13px 25px; margin: 0; } .newHeader div.search input.NormalTextBox:first-child { padding: 0 32px 0 12px; } .newHeader nav ul.nav-main { margin: 0; } body.sticky-menu-active .newHeader nav ul.nav-main { margin: 0; } .sticky-menu-active .newHeader #login, .sticky-menu-active .newHeader .language, .sticky-menu-active .newHeader .search { display: none; } .sticky-menu-deactive .newHeader { min-height: 0; } .sticky-menu-active .newHeader { min-height: 0; top: 0; padding: 0; } .sticky-menu-active .newHeader { background: rgba(0, 0, 0, 0.8); opacity: 1; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; transition: opacity 0.3s ease; -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; border-bottom: 0; } .newHeader .logo.logo-sticky-active img { top: 20px !important; } .newHeader > .container { height: 0; } .newHeader .nav-bar-primary nav ul.nav-main > li.open a.dropdown-toggle { background: transparent !important; color: #fff; } .newHeader .nav-bar-primary nav ul.nav-main > li.open a { background: #08c !important; color: #fff !important; } .newHeader .nav-bar-primary nav ul.nav-main > li.active > a.dropdown-toggle { color: #08c !important; } .sticky-menu-active #ControlBar { display: none; } .newHeader nav ul.nav-main ul.dropdown-menu { border-radius: 0 !important; } html.boxed .newHeader .container { margin-left: 0; } .newHeader .logo { padding: 15px 0 10px; } html.boxed .newHeader { margin-top: 30px; } .newHeader .social-icons, .sticky-menu-active .newHeader .social-icons { margin-top: 5px; margin-right: -1px; } html .newHeader nav ul.nav-main .dropdown-full-color > ul.dropdown-menu { border-top-color: #fff !important; } html .newHeader .navbar-collapse nav ul.nav-main > li > a { color: #fff !important; } .newHeader nav ul.nav-main li.dropdown:hover > a { padding: 15px 13px 25px; } .sticky-menu-active .newHeader nav ul.nav-main li.dropdown > a { padding: 15px 13px 45px; } .newHeader nav ul.nav-main li.dropdown:hover > a { margin-bottom: 0; } .newHeader .dropdown-menu { margin-top: 0 !important; } .newHeader .logo img { top: 5px; } @media (max-width: 991px) { .newHeader .dropdown-full-color > a { padding: 9px 8px !important; margin: 0; } .newHeader > .container { height: 100px; } .newHeader .nav-bar-primary.navbar-collapse.nav-main-collapse.collapse { background: #171717 !important; } .newHeader .nav-main-collapse { top: 12px !important; } .newHeader nav.nav-main.mega-menu { margin-bottom: 0; } .newHeader li { line-height: 24px; } .sticky-menu-active .newHeader { opacity: 1; } .sticky-menu-active .newHeader { padding: 8px 0; } .newHeader .logo.logo-sticky-active img { top: 25px !important; } .newHeader .nav-bar-primary nav ul.nav-main > li.open a { background: #171717 !important; } .newHeader nav ul.nav-main .dropdown-full-color > ul.dropdown-menu { border-top: none !important; } .newHeader .nav-main ul ul { margin-left: 20px !important; } .newHeader { position: relative; top: 0 !important; padding: 8px 0; border-top: 5px solid #ededed; } .showControlBar .newHeader { padding: 8px 0; top: 0; } body.sticky-menu-active .newHeader .btn-responsive-nav { top: 50px; } .newHeader .logo img { top: 0; } .newHeader .logo { padding: 0; } } .page-top { background-color: #171717; border-bottom: 5px solid #ccc; border-top: 5px solid #384045; margin: 0 0 35px 0; min-height: 50px; padding: 20px 0; position: relative; text-align: left; } .page-top .breadcrumb { background: none; margin: -3px 0 0; padding: 0; } .page-top .breadcrumb > li { text-shadow: none; } .page-top .breadcrumb.breadcrumb-valign-mid { position: absolute; top: 40%; right: 20px; } .page-top h2, .page-top h1 { border-bottom: 5px solid #ccc; color: #fff; display: inline-block; font-weight: 200; margin: 0 0 -25px; min-height: 37px; font-size: 2.6em; line-height: 46px; padding: 0 0 17px; position: relative; } .page-top h2 span, .page-top h1 span { color: #999da3; display: block; font-size: 0.6em; font-weight: 300; margin: -10px 0 0; } .page-top-no-title-border h2, .page-top-no-title-border h1 { border: 0; } .page-top-more-padding { padding: 35px 0; } .page-top-color { background-color: #f7f7f7; border-bottom: 5px solid #f4f4f4; border-top: none; } .page-top-color h2 { border-bottom: none; color: #1d2127; font-size: 2.3em; } .page-top-color h2 span { opacity: 0.65; } .page-top-color .breadcrumb > .active { opacity: 0.65; } .page-top-light { background-color: #f7f7f7; border-bottom: 5px solid #f4f4f4; border-top: none; } .page-top-light h2 { border-bottom: none; color: #1d2127; font-size: 2.3em; } .page-top-reverse { text-align: right; } .page-top-reverse .breadcrumb, .page-top-reverse .breadcrumb.breadcrumb-valign-mid { float: left; left: 20px; right: auto; margin-top: -10px; } .page-top.parallax { margin: 0 0 35px; padding: 180px 0 60px; } .page-top-center { text-align: center; } .page-top-center .breadcrumb { margin: 15px 0 0; } .page-top-custom-background { padding: 45px 0; background-repeat: repeat; background-color: transparent; border-top: 0; border-bottom: 0; } .page-top-custom-background h2 { color: #fff; border: 0; } .page-top-custom-background h2 span { color: #fff; opacity: 0.7; } .page-top-custom-background .breadcrumb.breadcrumb-valign-mid { top: 36%; } .page-top-custom-background .breadcrumb.breadcrumb-valign-mid li.active { color: #fff; opacity: 0.7; } .page-top-custom-background .breadcrumb.breadcrumb-valign-mid a { color: #fff; } .page-top.custom-product { background-image: url(Resources/img/custom-header-bg.jpg); background-repeat: repeat; background-color: #999; border-top: 5px solid #888; overflow: hidden; } .page-top.custom-product .row { position: relative; } .page-top.custom-product p.lead { color: #e8e8e8; } .page-top.custom-product img { bottom: -47px; position: relative; } .page-top.custom-product h1 { color: #fff; margin-bottom: 10px; margin-top: 30px; border: 0; } @media (max-width: 991px) { .page-top .breadcrumb { margin: 20px 0 0; float: none !important; position: static !important; } } @media (max-width: 479px) { .page-top { padding: 16px 0; } .page-top h2, .page-top h1 { line-height: 37px; } } .text-muted { color: #999 !important; } html.dark .text-muted { color: #505461 !important; } .text-dark { color: #1d2127 !important; } .text-light { color: #fff !important; } .text-weight-light { font-weight: 300; } .text-weight-normal { font-weight: 400; } .text-weight-semibold { font-weight: 600; } .text-weight-bold { font-weight: 700; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-capitalize { text-transform: capitalize; } .rounded { border-radius: 5px; } .b-thin { border-width: 3px; } .b-normal { border-width: 5px; } .b-thick { border-width: 7px; } .m-none { margin: 0 !important; } .m-auto { margin: 0 auto !important; } .m-xs { margin: 5px !important; } .m-sm { margin: 10px !important; } .m-md { margin: 15px !important; } .m-lg { margin: 20px !important; } .m-xl { margin: 25px !important; } .m-xlg { margin: 30px !important; } .mt-none { margin-top: 0 !important; } .mt-xs { margin-top: 5px !important; } .mt-sm { margin-top: 10px !important; } .mt-md { margin-top: 15px !important; } .mt-lg { margin-top: 20px !important; } .mt-xl { margin-top: 25px !important; } .mt-xlg { margin-top: 30px !important; } .mb-none { margin-bottom: 0 !important; } .mb-xs { margin-bottom: 5px !important; } .mb-sm { margin-bottom: 10px !important; } .mb-md { margin-bottom: 15px !important; } .mb-lg { margin-bottom: 20px !important; } .mb-xl { margin-bottom: 25px !important; } .mb-xlg { margin-bottom: 30px !important; } .ml-none { margin-left: 0 !important; } .ml-xs { margin-left: 5px !important; } .ml-sm { margin-left: 10px !important; } .ml-md { margin-left: 15px !important; } .ml-lg { margin-left: 20px !important; } .ml-xl { margin-left: 25px !important; } .ml-xlg { margin-left: 30px !important; } .mr-none { margin-right: 0 !important; } .mr-xs { margin-right: 5px !important; } .mr-sm { margin-right: 10px !important; } .mr-md { margin-right: 15px !important; } .mr-lg { margin-right: 20px !important; } .mr-xl { margin-right: 25px !important; } .mr-xlg { margin-right: 30px !important; } .p-none { padding: 0 !important; } .p-xs { padding: 5px !important; } .p-sm { padding: 10px !important; } .p-md { padding: 15px !important; } .p-lg { padding: 20px !important; } .p-xl { padding: 25px !important; } .p-xlg { padding: 30px !important; } .pt-none { padding-top: 0 !important; } .pt-xs { padding-top: 5px !important; } .pt-sm { padding-top: 10px !important; } .pt-md { padding-top: 15px !important; } .pt-lg { padding-top: 20px !important; } .pt-xl { padding-top: 25px !important; } .pt-xlg { padding-top: 30px !important; } .pb-none { padding-bottom: 0 !important; } .pb-xs { padding-bottom: 5px !important; } .pb-sm { padding-bottom: 10px !important; } .pb-md { padding-bottom: 15px !important; } .pb-lg { padding-bottom: 20px !important; } .pb-xl { padding-bottom: 25px !important; } .pb-xlg { padding-bottom: 30px !important; } .pr-none { padding-left: 0 !important; } .pl-xs { padding-left: 5px !important; } .pl-sm { padding-left: 10px !important; } .pl-md { padding-left: 15px !important; } .pl-lg { padding-left: 20px !important; } .pl-xl { padding-left: 25px !important; } .pl-xlg { padding-left: 30px !important; } .pr-none { padding-right: 0 !important; } .pr-xs { padding-right: 5px !important; } .pr-sm { padding-right: 10px !important; } .pr-md { padding-right: 15px !important; } .pr-lg { padding-right: 20px !important; } .pr-xl { padding-right: 25px !important; } .pr-xlg { padding-right: 30px !important; } .ib { display: inline-block; vertical-align: top; } .va-middle { vertical-align: middle; } .ws-nowrap { white-space: nowrap; } .ws-normal { white-space: normal; } .parallax { background-position: 50% 50%; background-repeat: no-repeat; margin: 70px 0; padding: 50px 0; position: relative; clear: both; } .parallax blockquote { border: 0; padding: 0 10%; } .parallax blockquote i.fa-quote-left, .parallax blockquote em.fa-quote-left { font-size: 34px; position: relative; left: -5px; } .parallax blockquote p { font-size: 24px; line-height: 30px; } .parallax blockquote span { font-size: 16px; line-height: 20px; color: #999; position: relative; left: -5px; } .parallax.parallax-ready { background-attachment: fixed; } .parallax.parallax-disabled { background-attachment: scroll !important; background-position: 50% 50% !important; } @media (max-width: 991px) { .parallax { background-attachment: scroll !important; background-position: 50% 50% !important; } } section.section { background: #f4f4f4; border-top: 5px solid #f1f1f1; margin: 30px 0; padding: 50px 0; } section.section.section-no-background { background: transparent; border-top-color: transparent; } section.section.section-center { text-align: center; } section.section.section-text-light h1, section.section.section-text-light h2, section.section.section-text-light h3, section.section.section-text-light h4, section.section.section-text-light h5, section.section.section-text-light h6 { color: #fff; } section.section.section-text-light p { color: #e6e6e6; } section.section.section-background { background-repeat: repeat; border: 0; } section.section.section-overlay { position: relative; } section.section.section-overlay:before { content: ""; display: block; background: url("Resources/img/video-overlay.png") repeat scroll 0 0 transparent; bottom: 0; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; } section.section.section-video { background: none !important; border: 0; } section.section.section-parallax { border: 0; } section.section.section-with-divider { margin: 56px 0 35px; } section.section.section-with-divider .divider { margin: -56px 0 44px; } section.section.section-footer { margin-bottom: -50px; } @media (max-width: 991px) { .container-fluid > .row > .p-none section.section { margin-bottom: 0; margin-top: 0; } .container-fluid > .row > .p-none:first-child section.section { margin-bottom: 0; margin-top: 30px; } .container-fluid > .row > .p-none:last-child section.section { margin-bottom: 30px; margin-top: 0; } } aside ul.nav-list > li > a { color: #666; font-size: 0.9em; } .slider-container { background: #171717; overflow: hidden; padding: 0; position: relative; z-index: 1; } .slider-container ul { list-style: none; margin: 0; padding: 0; } .slider-container .tp-bannershadow { filter: alpha(opacity=20); opacity: 0.2; } .slider-container .top-label { color: #fff; font-size: 24px; font-weight: 300; } .slider-container .main-label { color: #fff; font-size: 62px; line-height: 62px; font-weight: 800; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15); } .slider-container .featured-label { color: #fff; font-size: 52px; line-height: 52px; font-weight: 800; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15); } .slider-container .bottom-label { color: #fff; font-size: 20px; font-weight: 300; } .slider-container .blackboard-text { color: #bab9be; font-size: 46px; line-height: 46px; font-family: "Shadows Into Light", cursive; text-transform: uppercase; } .slider-container .tp-caption { opacity: 0; } .slider-container .tp-caption a { color: #fff; } .slider-container .tp-caption a:hover { color: #fff; } .slider-container .tp-caption.fullscreenvideo { height: 100%; position: absolute; top: 0; width: 100%; left: 0 !important; } .slider-container .tp-caption.fullscreenvideo video { height: 100%; width: 100%; padding: 0; position: relative; } .slider-container .top-label-dark, .slider-container .main-label-dark, .slider-container .bottom-label-dark { color: #333; } .slider-container .tp-caption-dark a { color: #333; } .slider-container .tp-caption-dark a:hover { color: #333; } .slider-container.transparent { background-color: transparent; } .slider-container.light { background-color: #eaeaea; } .slider-container.light .tp-bannershadow { filter: alpha(opacity=5); opacity: 0.05; top: 0; bottom: auto; z-index: 1000; } .slider-container.light .top-label, .slider-container.light .main-label, .slider-container.light .bottom-label { color: #333; } .slider-container.light .tp-caption a { color: #333; } .slider-container.light .tp-caption a:hover { color: #333; } @media (max-width: 991px) { .slider-container { min-height: 0; } } .slider { height: 495px; max-height: 495px; position: relative; } .slider > ul > li > img { visibility: hidden; } .slider > ul > li > .center-caption { left: 0 !important; margin-left: 0 !important; text-align: center; width: 100%; } .slider .tp-bannertimer { display: none; } .slider .main-button { font-size: 22px; font-weight: 600; line-height: 20px; padding-bottom: 20px; padding-top: 20px; padding-left: 25px; padding-right: 25px; } .slider-container-fullscreen { height: 2000px; max-height: none; } .slider-container-fullscreen .slider { max-height: none; } .nivo-slider { position: relative; } .nivo-slider .theme-default .nivoSlider { border-radius: 10px 10px 0 0; box-shadow: none; margin-top: 10px; } .nivo-slider .theme-default .nivoSlider img { border-radius: 10px 10px 0 0; } .nivo-slider .theme-default .nivo-controlNav { margin-top: -72px; position: absolute; z-index: 100; right: 5px; bottom: -17px; } .nivo-slider .theme-default .nivo-caption { padding-left: 20px; } .slider-with-overlay { position: relative; } .slider-with-overlay .slider-container { z-index: auto; } .slider-contact-form { margin: -45px 0 25px; } .slider-contact-form .featured-box { text-align: left; } .slider-contact-form label.error { display: none !important; } .slider-contact-form .alert { padding: 6px; text-align: center; } .slider-contact-form textarea { resize: none; } @media (min-width: 992px) { .slider-contact-form { margin: 0; position: absolute; top: 20px; z-index: 99; width: 100%; } } section.section-custom-map { background: transparent url(Resources/img/map.png) center 0 no-repeat; padding: 129px 0 0; margin: 20px 0 0; border: 0; } section.section-custom-map section.section { border-top-color: rgba(241, 241, 241, 0.8); background: rgba(244, 244, 244, 0.8); } .home-intro { background-color: #171717; margin-bottom: 60px; overflow: hidden; padding: 20px 0 10px 0; position: relative; text-align: left; } .home-intro p { color: #fff; display: inline-block; font-size: 1.4em; font-weight: 300; max-width: 800px; padding-top: 5px; } .home-intro p span { color: #999; display: block; font-size: 0.8em; padding-top: 5px; } .home-intro p em { font-family: "Shadows Into Light", cursive; font-size: 1.6em; } .home-intro .get-started { margin-top: 15px; margin-bottom: 15px; position: relative; text-align: right; } .home-intro .get-started .btn { position: relative; z-index: 1; } .home-intro .get-started .btn i, .home-intro .get-started .btn em { font-size: 1.1em; font-weight: normal; margin-left: 5px; } .home-intro .get-started a { color: #fff; } .home-intro .get-started a:not(.btn) { color: #777; } .home-intro .learn-more { margin-left: 15px; } .home-intro.light { background-color: #e2e2e2; } .home-intro.light.secondary { background-color: #e0e1e4; } .home-intro.light p { color: #777; } .home-intro-compact { border-radius: 0 0 10px 10px; margin-top: -10px; } .home-intro-compact p { padding-left: 20px; } .home-intro-compact .get-started { padding-right: 20px; } @media (max-width: 767px) { .home-intro-compact { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } } .home-concept { background: transparent url(Resources/img/home-concept.png) no-repeat center 0; width: 100%; overflow: hidden; } .home-concept strong { display: block; font-family: "Shadows Into Light", cursive; font-size: 2.1em; font-weight: normal; position: relative; margin-top: 30px; } .home-concept .row { position: relative; } .home-concept .process-image { background: transparent url(Resources/img/home-concept-item.png) no-repeat 0 0; width: 160px; height: 175px; margin: 135px auto 0 auto; padding-bottom: 50px; position: relative; z-index: 1; } .home-concept .process-image img { border-radius: 150px; margin: 7px 8px; width: auto; height: auto; max-width: 145px; max-height: 145px; } .home-concept .our-work { margin-top: 52px; font-size: 2.6em; } .home-concept .project-image { background: transparent url(Resources/img/home-concept-item.png) no-repeat 100% 0; width: 350px; height: 420px; margin: 15px 0 0 -30px; padding-bottom: 45px; position: relative; z-index: 1; } .home-concept .sun { background: transparent url(Resources/img/home-concept-icons.png) no-repeat 0 0; width: 60px; height: 56px; display: block; position: absolute; left: 10%; top: 35px; } .home-concept .cloud { background: transparent url(Resources/img/home-concept-icons.png) no-repeat 100% 0; width: 116px; height: 56px; display: block; position: absolute; left: 57%; top: 35px; } @media (max-width: 991px) { .home-concept { background: none; } .home-concept .project-image { margin: 60px auto 0 auto; } .home-concept .process-image { margin-top: 60px; } } @media (max-width: 479px) { .home-concept .project-image { background-position: 0 0; margin-left: auto; max-width: 160px; max-height: 220px; } .home-concept .fc-slideshow { max-height: 145px; max-width: 145px; } .home-concept .fc-slideshow img { max-height: 145px; max-width: 145px; } } .page-not-found { margin: 50px 0; } .page-not-found h2 { font-size: 140px; font-weight: 600; letter-spacing: -10px; line-height: 140px; } .page-not-found h4 { color: #777; } .page-not-found p { font-size: 1.4em; line-height: 36px; } @media (max-width: 479px) { .page-not-found { margin: 0; } .page-not-found h2 { font-size: 100px; letter-spacing: 0; line-height: 100px; } } /*.body>#footer{background:#0e0e0e;border-top:4px solid #0e0e0e;font-size:.9em;margin-top:50px;padding:70px 0 0;position:relative;clear:both}*/ .body > #footer .container .row > div { margin-bottom: 25px; } .body > #footer .container input:focus { box-shadow: none; } .body > #footer a:hover { color: #ccc; } .body > #footer h1, .body > #footer h2, .body > #footer h3, .body > #footer h4, .body > #footer a { color: #fff !important; } .body > #footer h4 { font-size: 1.8em; font-weight: 200; } .body > #footer h5 { color: #ccc !important; } .body > #footer ul.nav-list > li a { border-bottom: 1px solid rgba(255, 255, 255, 0.1); line-height: 20px; padding-bottom: 11px; } .body > #footer ul.nav-list > li:last-child a { border-bottom: 0; } .body > #footer ul.nav-list > li a:hover { background-color: rgba(255, 255, 255, 0.05); } .body > #footer ul.list.icons li { margin-bottom: 5px; } .body > #footer form { filter: alpha(opacity=85); opacity: 0.85; } .body > #footer form label.error { line-height: 16px; margin: 5px 0 -5px; display: block; clear: both; } .body > #footer form .alert { padding: 6px; text-align: center; } .body > #footer .footer-ribbon { background: #999; position: absolute; margin: -90px 0 0 14px; padding: 10px 20px 6px 20px; } .body > #footer .footer-ribbon:before { border-right: 10px solid #646464; border-top: 16px solid transparent; content: ""; display: block; height: 0; left: -10px; position: absolute; top: 0; width: 7px; } .body > #footer .footer-ribbon span { color: #fff; font-size: 1.6em; font-family: "Shadows Into Light", cursive; } .body > #footer .newsletter form { width: 100%; max-width: 262px; } .body > #footer .newsletter form input.form-control { height: 34px; padding: 6px 12px; } .body > #footer .alert a { color: #222 !important; } .body > #footer .alert a:hover { color: #666 !important; } .body > #footer .twitter .fa { clear: both; font-size: 1.5em; position: relative; top: 3px; } .body > #footer .twitter .meta { color: #999; display: block; font-size: 0.9em; padding-top: 3px; } .body > #footer .twitter ul { list-style: none; margin: 0; padding: 0; } .body > #footer .twitter ul li { padding-bottom: 20px; } .body > #footer .twitter ul li:last-child { padding-bottom: 0; } .body > #footer .twitter-account { color: #fff; display: block; font-size: 0.9em; margin: -15px 0 5px; filter: alpha(opacity=55); opacity: 0.55; } .body > #footer .twitter-account:hover { filter: alpha(opacity=100); opacity: 1; } .body > #footer .contact { list-style: none; margin: 0; padding: 0; } .body > #footer .contact i, .body > #footer .contact em { display: block; float: left; font-size: 1.2em; margin: 7px 8px 10px 0; position: relative; text-align: center; top: -2px; width: 16px; } .body > #footer .contact i.fa-envelope, .body > #footer .contact em.fa-envelope { font-size: 1em; top: 0; } .body > #footer .contact p { margin-bottom: 10px; } .body > #footer .logo { display: block; } .body > #footer .logo.mb-xl { margin-bottom: 12px; } footer .terms:before, footer .privacy:before { display: block; content: ""; height: 12px; border-left: 1px solid #777; float: left; margin: 5px 10px 0 7px; } /*.body>#footer .footer-copyright{background:#060606;border-top:4px solid #060606;margin-top:40px;padding:30px 0 10px}*/ .body > #footer .footer-copyright nav { float: right; } .body > #footer .footer-copyright nav ul { list-style: none; margin: 0; padding: 0; } .body > #footer .footer-copyright nav ul li { border-left: 1px solid #505050; display: inline-block; line-height: 12px; margin: 0; padding: 0 8px; } .body > #footer .footer-copyright nav ul li:first-child { border: medium none; padding-left: 0; } .body > #footer .footer-copyright p { color: #555; margin: 0; padding: 0; } .body > #footer .phone { color: #fff; font-size: 26px; font-weight: bold; display: block; padding-bottom: 15px; margin-top: -5px; } .body > #footer .narrow-phone { text-align: right; margin: -2px 0 0 0; } .body > #footer .narrow-phone .phone { font-size: 16px; padding-bottom: 0; margin-top: -13px; } .body > #footer .recent-work { list-style: none; padding: 0; margin: 0; } .body > #footer .recent-work li { float: left; width: 29%; margin: 10px 3% 0 0; } .body > #footer .recent-work img { border: 0; width: 100%; filter: url("data:image/svg+xml;utf8,#grayscale"); filter: gray; -webkit-filter: grayscale(100%); } .body > #footer .recent-work .img-thumbnail-hover-icon { border: 0; } .body > #footer .recent-work .img-thumbnail-hover-icon:after { font-size: 22px; margin-left: -2px; } .body > #footer .view-more-recent-work { padding: 12px; } .body > #footer.short { padding-top: 50px; } .body > #footer.short .footer-copyright { background: transparent; border: 0; padding-top: 0; margin-top: 0; } .body > #footer.light { padding-top: 60px; background: #fff; border-top: 1px solid #ddd; } .body > #footer.light .footer-ribbon { margin-top: -76px; margin-left: 14px; } .body > #footer.light .footer-copyright { margin-top: 15px; background: #fff; border-top: 1px solid #ddd; } .body > footer.light .footer-copyright p { color: #777; } .body > #footer.light .phone, .body > #footer.light .twitter-account { color: #777 !important; } .body > #footer.light ul.nav-pills > li.active > a { color: #fff !important; } .body > #footer.narrow { padding-top: 30px; } .body > #footer.narrow .footer-copyright { margin-top: 0; } .body > #footer.narrow .nav > li > a { padding: 5px 12px; } .body > #footer.color { color: #fff; } .body > #footer.color p { color: #fff; } .body > #footer.color .footer-copyright nav ul li { border-left-color: #fff; } @media (max-width: 991px) { .body > #footer .phone { font-size: 20px; } } @media (max-width: 767px) { .body > #footer .phone { font-size: 20px; } } html.dark body { background-color: #1d2127 !important; } html.dark.boxed .body { background-color: #1d2127; } html.dark header { background: #1d2127; border-top-color: #191c21; border-radius: 6px 6px 0 0; } html.dark header.transparent { background: transparent; } html.dark header .dropdown ul.dropdown-menu { background-color: #282d36; } html.dark header .dropdown ul.dropdown-menu li a { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } html.dark header nav ul.nav-top li a:hover { background-color: #282d36; } html.dark header nav.mega-menu ul.nav-main li.mega-menu-item:not(.dropdown-full-color) .form-control { background-color: #2e353e !important; border-color: #2e353e !important; color: #fff !important; } html.dark header nav.mega-menu ul.nav-main .mega-menu-signin a, html.dark header nav.mega-menu ul.nav-main .mega-menu-signin a:hover, html.dark header nav.mega-menu ul.nav-main .mega-menu-signin.logged .user-avatar strong { color: #fff; } html.dark header nav.mega-menu .mega-menu-signin ul.dropdown-menu:hover li:hover li:hover a { color: #d9d9d9; } html.dark header .search input.search:focus { border-color: #282d36; } html.dark header.clean-top .header-top { background: #21262d; border-bottom-color: #282d36; } html.dark header.narrow { border-bottom-color: #21262d; } html.dark header nav.mega-menu .mega-menu-shop .actions-continue { border-top-color: #21262d; } html.dark header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a { color: #fff; } html.dark header nav.mega-menu .mega-menu-shop a { color: #fff; } html.dark body.sticky-menu-active header { border-bottom-color: #282d36; } html.dark body.sticky-menu-active header.transparent { background: #1d2127; } html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 { color: #fff; } html.dark .alert h1, html.dark .alert h2, html.dark .alert h3, html.dark .alert h4, html.dark .alert h5, html.dark .alert h6 { color: #111; } html.dark blockquote { border-color: #282d36; } html.dark section.featured { background-color: #191c21; border-top-color: #2e353e; } html.dark section.featured.map { background-image: url(Resources/img/map-bottom-dark.png); } html.dark section.section { background-color: #21262d; border-top-color: #282d36; } html.dark .tabs .nav-tabs li a, html.dark .tabs .nav-tabs li a:focus { border-top-color: #282d36; border-left-color: #282d36; border-right-color: #282d36; background: #282d36; } html.dark .tabs .nav-tabs li a:hover { border-top-color: #808697; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus { border-top-color: #808697; } html.dark .tabs .nav-tabs.nav-justified { border-left-width: 0; border-right-width: 0; border-left-color: transparent; border-right-color: transparent; } html.dark .tabs .nav-tabs.nav-justified li a, html.dark .tabs .nav-tabs.nav-justified li a:hover, html.dark .tabs .nav-tabs.nav-justified li a:focus { border-bottom-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li a, html.dark .tabs.tabs-right .nav-tabs > li a { background: #282d36; border-left-color: #282d36; border-right-color: #282d36; } html.dark .tabs.tabs-left .nav-tabs > li:last-child a, html.dark .tabs.tabs-right .nav-tabs > li:last-child a { border-bottom-color: #282d36; } html.dark .tabs .nav-tabs { border-color: #282d36; } html.dark .tabs .nav-tabs li.active a, html.dark .tabs .nav-tabs li.active a:hover, html.dark .tabs .nav-tabs li.active a:focus, html.dark .tabs .nav-tabs.nav-justified li.active a, html.dark .tabs .nav-tabs.nav-justified li.active a:hover, html.dark .tabs .nav-tabs.nav-justified li.active a:focus { background: #2e353e; border-left-color: #2e353e; border-right-color: #2e353e; } html.dark .tabs .nav-tabs.nav-justified li.active a { border-bottom-color: #2e353e; } html.dark .tabs.tabs-vertical { border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li a, html.dark .tabs.tabs-bottom .nav-tabs li a:focus { border-bottom-color: #282d36; border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li a:hover { border-bottom-color: #808697; border-top-color: #2e353e; } html.dark .tabs.tabs-bottom .nav-tabs li.active a, html.dark .tabs.tabs-bottom .nav-tabs li.active a:hover, html.dark .tabs.tabs-bottom .nav-tabs li.active a:focus { border-bottom-color: #808697; border-top-color: #2e353e; } html.dark .tabs .tab-content { background: #2e353e; border-color: #2e353e; } html.dark .tabs-primary.tabs-bottom .nav-tabs li a, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs li a:focus, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:focus { border-top-color: #2e353e !important; } html.dark .nav-tabs li.active a, html.dark .nav-tabs li.active a:hover, html.dark .nav-tabs li.active a:focus, html.dark .nav-tabs li a { color: #808697; } html.dark .tab-content { background: #2e353e; border-color: #1d2127; } html.dark .tabs-simple .tab-content, html.dark .tabs-simple .nav-tabs li a, html.dark .tabs-simple .nav-tabs li.active a { background: transparent !important; } html.dark .call-to-action.call-to-action-default { background: #282d36; } html.dark .call-to-action.call-to-action-dark { background: #2e353e; } html.dark .call-to-action.with-borders { border-top-color: #2e353e; border-bottom-color: #2e353e; border-left-color: #282d36; border-right-color: #282d36; } html.dark .call-to-action.with-full-borders { border-color: #2e353e; } html.dark .call-to-action.featured { background-color: transparent; background: -webkit-linear-gradient(top, #282d36 1%, #2e353e 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, #282d36 1%, #2e353e 98%) repeat scroll 0 0 transparent; border-bottom-color: #2e353e; border-left-color: #282d36; border-right-color: #282d36; } html.dark .call-to-action.call-to-action-in-footer:before { border-top-color: #1d2127; } html.dark .counters.with-borders .counter { border-top: 1px solid #2e353e; border-bottom: 1px solid #2e353e; border-left: 1px solid #282d36; border-right: 1px solid #282d36; } html.dark .counters.counters-text-dark .counter { color: #fff !important; } html.dark .counters.counters-text-dark .counter .fa, html.dark .counters.counters-text-dark .counter strong, html.dark .counters.counters-text-dark .counter label { color: #fff !important; } html.dark section.timeline:after { background: #505050; background: -moz-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8) ); background: -webkit-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: -o-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: -ms-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%; } html.dark section.timeline .timeline-date { background-color: #282d36; border-color: #282d36; text-shadow: none; } html.dark section.timeline .timeline-title { background: #282d36; } html.dark section.timeline .timeline-box { border-color: #282d36; background: #282d36; } html.dark section.timeline .timeline-box.left:before { box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36; } html.dark section.timeline .timeline-box.left:after { background: #282d36; border-right-color: #282d36; border-top-color: #282d36; } html.dark section.timeline .timeline-box.right:before { box-shadow: 0 0 0 3px #282d36, 0 0 0 6px #282d36; } html.dark section.timeline .timeline-box.right:after { background: #282d36; border-left-color: #282d36; border-bottom-color: #282d36; } html.dark .form-control { background-color: #282d36; border-color: #282d36; } html.dark .btn-default { background-color: #282d36; border-color: #282d36; color: #fff; } html.dark .btn.disabled, html.dark .btn[disabled] { border-color: #282d36 !important; } html.dark .pagination > li > a, html.dark .pagination > li > span { background-color: #282d36; border-color: #242830; } html.dark .theme-default .nivoSlider { background-color: #1d2127; } html.dark section.section-custom-map { background: transparent url(Resources/img/map-dark.png) center 0 no-repeat; } html.dark section.section-custom-map section.section { border-top-color: rgba(40, 45, 54, 0.8); background: rgba(33, 38, 45, 0.8); } html.dark .home-concept { background-image: url(Resources/img/home-concept-dark.png); } html.dark .home-concept .process-image { background-image: url(Resources/img/home-concept-item-dark.png); } html.dark .home-concept .project-image { background-image: url(Resources/img/home-concept-item-dark.png); } html.dark .home-concept .sun { background-image: url(Resources/img/home-concept-icons-dark.png); } html.dark .home-concept .cloud { background-image: url(Resources/img/home-concept-icons-dark.png); } html.dark .page-top { border-bottom-color: #191c21; } html.dark .page-top-light { background-color: #2e353e; } html.dark .panel-group .panel { background-color: #282d36; } html.dark .panel-group .panel-default { border-color: #282d36; } html.dark .panel-group .panel-heading { background-color: #2e353e; } html.dark .panel-group .form-control { background-color: #21262d; border-color: #21262d; } html.dark .toggle > label { background-color: #2e353e; } html.dark .toggle.toggle-simple .toggle > label { color: #fff; } html.dark .featured-box { background: #2e353e; border-left-color: #2e353e; border-right-color: #2e353e; border-bottom-color: #2e353e; } html.dark .featured-box.secondary h4 { color: #fff; } html.dark .featured-boxes-flat .featured-box .box-content { background: #2e353e; } html.dark .featured-boxes-style-5 .featured-box .box-content h4, html.dark .featured-boxes-style-6 .featured-box .box-content h4, html.dark .featured-boxes-style-7 .featured-box .box-content h4 { color: #fff; } html.dark .featured-boxes-style-2 .featured-box { background: transparent; } html.dark .featured-boxes-style-3 .featured-box .icon-featured { background: #1d2127; } html.dark .featured-boxes-style-4 .featured-box { background: transparent; } html.dark .featured-boxes-style-5 .featured-box { background: transparent; } html.dark .featured-boxes-style-5 .featured-box .icon-featured { background: #282d36; border-color: #2e353e; } html.dark .featured-boxes-style-6 .featured-box { background: transparent; } html.dark .featured-boxes-style-6 .featured-box .icon-featured { background: #282d36; border-color: #2e353e; } html.dark .featured-boxes-style-6 .featured-box .icon-featured:after { border-color: #2e353e; } html.dark .featured-boxes-style-7 .featured-box { background: transparent; } html.dark .featured-boxes-style-7 .featured-box .icon-featured { background: #282d36; border-color: #2e353e; } html.dark .featured-boxes-style-7 .featured-box .icon-featured:after { box-shadow: 3px 3px #161a1e; } html.dark .featured-boxes-style-8 .featured-box .icon-featured { background: #2e353e; } html.dark .featured-box-effect-1 .icon-featured:after { box-shadow: 0 0 0 3px #2e353e; } html.dark .feature-box.feature-box-style-2 h4, html.dark .feature-box.feature-box-style-3 h4, html.dark .feature-box.feature-box-style-4 h4 { color: #fff; } html.dark .feature-box.feature-box-style-6 .feature-box-icon { border-color: #2e353e; } html.dark .feature-box.feature-box-style-6 .feature-box-icon:after { border-color: #2e353e; } html.dark .owl-dots .owl-dot span { background: #2e353e; } html.dark .owl-carousel.top-border { border-top-color: #3f4247; } html.dark .progress { background: #2e353e; } html.dark .arrow { background-image: url(Resources/img/arrows-dark.png); } html.dark .thumbnail, html.dark .img-thumbnail, html.dark .thumb-info { background-color: #282d36; border-color: #282d36; } html.dark .thumb-info .thumb-info-wrapper:after { background-color: rgba(29, 33, 39, 0.9); } html.dark .thumb-info-social-icons { border-top-color: #373f4a; } html.dark ul.nav-list > li a { border-bottom-color: #282d36; } html.dark ul.nav-list > li a:hover { background-color: #282d36; } html.dark .content-grid .content-grid-item:before { border-left-color: #2e353e; } html.dark .content-grid .content-grid-item:after { border-bottom-color: #2e353e; } html.dark .content-grid.content-grid-dashed .content-grid-item:before { border-left-color: #2e353e; } html.dark .content-grid.content-grid-dashed .content-grid-item:after { border-bottom-color: #2e353e; } html.dark .testimonial .testimonial-author strong { color: #fff; } html.dark .testimonial.testimonial-style-3 blockquote { background: #2e353e !important; } html.dark .testimonial.testimonial-style-3 .testimonial-arrow-down { border-top-color: #2e353e !important; } html.dark .testimonial.testimonial-style-4 { border-color: #2e353e !important; } html.dark .testimonial.testimonial-style-5 .testimonial-author { border-top-color: #2e353e !important; } html.dark .page-top { border-bottom-color: #282d36; } html.dark .table > thead > tr > th, html.dark .table > tbody > tr > th, html.dark .table > tfoot > tr > th, html.dark .table > thead > tr > td, html.dark .table > tbody > tr > td, html.dark .table > tfoot > tr > td, html.dark .table-bordered { border-color: #282d36; } html.dark .table-striped > tbody > tr:nth-child(2n + 1) > td, html.dark .table-striped > tbody > tr:nth-child(2n + 1) > th { background-color: #2e353e; } html.dark pre { background-color: #282d36; border-color: #282d36; color: #777; } html.dark .show-grid [class*="col-md-"] .show-grid-block { background-color: #282d36; border-color: #282d36; } html.dark .google-map-borders, html.dark .embed-responsive-borders { border-color: #2e353e; } html.dark .alert.alert-default { border-color: #2e353e; background-color: #282d36; } html.dark hr { background-image: -webkit-linear-gradient( left, transparent, #3f4247, transparent ); background-image: linear-gradient( to right, transparent, #3f4247, transparent ); } html.dark hr.light { background-image: -webkit-linear-gradient( left, transparent, #3f4247, transparent ); background-image: linear-gradient( to right, transparent, #3f4247, transparent ); } html.dark hr.solid { background: #3f4247; } html.dark .divider { background-image: -webkit-linear-gradient( left, transparent, #3f4247, transparent ); background-image: linear-gradient( to right, transparent, #3f4247, transparent ); } html.dark .divider .fa { background: #1d2127; } html.dark .divider.divider-solid { background: #3f4247; } html.dark .divider.divider-style-2 .fa { background: #21262d; } html.dark .divider.divider-style-3 .fa { border-color: #3f4247; } html.dark .divider.divider-style-4 .fa { border-color: #3f4247; } html.dark .divider.divider-style-4 .fa:after { border-color: #21262d; } html.dark .divider.divider-small { background: transparent; } html.dark .divider.divider-small hr { background: #3f4247; } html.dark .divider.divider-small.divider-light hr { background: #3f4247; } html.dark hr.dashed:after, html.dark .divider.dashed:after { border-color: #3f4247; } html.dark .heading.heading-bottom-border h1 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-border h2, html.dark .heading.heading-bottom-border h3 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-border h4, html.dark .heading.heading-bottom-border h5, html.dark .heading.heading-bottom-border h6 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-double-border h1, html.dark .heading.heading-bottom-double-border h2, html.dark .heading.heading-bottom-double-border h3 { border-bottom-color: #3f4247; } html.dark .heading.heading-bottom-double-border h4, html.dark .heading.heading-bottom-double-border h5, html.dark .heading.heading-bottom-double-border h6 { border-bottom-color: #3f4247; } html.dark .heading.heading-middle-border:before { border-top-color: #3f4247; } html.dark .heading.heading-middle-border h1, html.dark .heading.heading-middle-border h2, html.dark .heading.heading-middle-border h3, html.dark .heading.heading-middle-border h4, html.dark .heading.heading-middle-border h5, html.dark .heading.heading-middle-border h6 { background: #1d2127; } html.dark ul.history li .thumb { background-image: url(Resources/img/history-thumb-dark.png); } html.dark .recent-posts .date .day { background-color: #2e353e; } html.dark .blog-posts article { border-color: #282d36; } html.dark section.featured .recent-posts .date .day, html.dark article.post .post-date .day { background-color: #282d36; } html.dark article .post-video, html.dark article .post-video iframe, html.dark article .post-audio, html.dark article .post-audio iframe { background-color: #282d36; border-color: #282d36; } html.dark ul.simple-post-list li { border-bottom-color: #21262d; } html.dark .post-block { border-top-color: #191c21; } html.dark ul.comments .comment-block { background-color: #282d36; } html.dark ul.comments .comment-arrow { border-right-color: #282d36; } html.dark .pricing-table li { border-top-color: #21262d; } html.dark .pricing-table h3 { background-color: #21262d; text-shadow: none; } html.dark .pricing-table h3 span { background: #282d36; border-color: #242830; box-shadow: 0 5px 20px #242830 inset, 0 3px 0 #282d36 inset; color: #777; } html.dark .pricing-table .most-popular { border-color: #282d36; } html.dark .pricing-table .most-popular h3 { background-color: #282d36; color: #fff; text-shadow: none; } html.dark .pricing-table .plan-ribbon { background-color: #282d36; } html.dark .pricing-table .plan { background: #282d36; border: 1px solid #282d36; color: #777; text-shadow: none; } html.dark .product-thumb-info { background-color: #282d36; border-color: transparent; } html.dark .shop .quantity .qty { background-color: #282d36; border-color: transparent; } html.dark .shop .quantity .minus, html.dark .shop .quantity .plus { background-color: #21262d; border-color: transparent; } html.dark .shop table.cart td, html.dark .shop .cart-totals th, html.dark .shop .cart-totals td { border-color: #282d36; } html.dark .dialog { background-color: #1d2127; } html.dark .modal-content { background-color: #1d2127; } html.dark .modal-header { border-bottom-color: #282d36; } html.dark .modal-header h1, html.dark .modal-header h2, html.dark .modal-header h3, html.dark .modal-header h4, html.dark .modal-header h5, html.dark .modal-header h6 { color: #777; } html.dark .modal-header .close { text-shadow: none; color: #fff; } html.dark .modal-footer { border-top-color: #282d36; } html.dark .loading-overlay { background: #1d2127; } html.dark .loading-overlay .loader:after { -webkit-animation: animateLoaderAfterWhite 1s ease-in-out infinite; -moz-animation: animateLoaderAfterWhite 1s ease-in-out infinite; animation: animateLoaderAfterWhite 1s ease-in-out infinite; } html.dark .body > #footer .newsletter form .btn-default { background-color: #21262d; border-color: #21262d; color: #777; } @media (max-width: 991px) { html.dark header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu { background: transparent !important; } } html.boxed body { background-color: transparent; background-position: 0 0; background-repeat: repeat; } html.boxed .body { background-color: #fff; border-bottom: 5px solid #1d2127; border-radius: 5px; border-top: 5px solid #ccc; box-shadow: 0 0 4px rgba(0, 0, 0, 0.15); margin: 25px auto; max-width: 1200px; height: auto; } html.boxed header { padding: 8px 0; } html.boxed header.fixed { left: auto; width: auto; } html.boxed body.sticky-menu-active header { width: auto; max-width: 1200px; margin: 0 auto; left: auto; } @media (max-width: 1200px) { html.boxed body.sticky-menu-active header { width: 100%; } } @media (max-width: 991px) { html.boxed .body { margin: 0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } } @media (max-width: 767px) { html.boxed { background: none !important; } } p { /*color:#777;*/ line-height: 24px; margin: 0 0 20px; } p.featured { font-size: 1.6em; line-height: 1.5em; } p.short { margin-bottom: 0; } p.tall { margin-bottom: 20px; } p.taller { margin-bottom: 40px; } p .alternative-font { display: inline-block; margin-top: -15px; position: relative; top: 3px; margin-bottom: -6px; } a, a:hover, a:focus { color: #ccc; } p.drop-caps:first-child:first-letter { float: left; font-size: 75px; line-height: 60px; padding: 4px; margin-right: 5px; margin-top: 5px; font-family: Georgia; } p.drop-caps.drop-caps-style-2:first-child:first-letter { background-color: #ccc; color: #fff; padding: 6px; margin-right: 5px; border-radius: 4px; } .alternative-font { color: #ccc; font-family: "Shadows Into Light", cursive; font-size: 1.6em; } ul.nav-list li { margin: 0; padding: 0; display: block; position: relative; } ul.nav-list li a { -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid #ededde; padding: 8px 0; display: block; color: #666; font-size: 0.9em; text-decoration: none; } ul.nav-list li a:before { content: ""; display: inline-block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #333; margin-left: 10px; margin-right: 5px; position: relative; } ul.nav-list li a:hover { background-color: #eee; text-decoration: none; } ul.nav-list li.active > a { font-weight: bold; } ul.nav-list li ul { list-style: none; margin: 0 0 0 25px; padding: 0; } ul.nav-list li:last-child a { border-bottom: none; } ul.nav-list.hide-not-active li ul { display: none; } ul.nav-list.hide-not-active li.active ul { display: block; } ul.nav-list.show-bg-active .active > a { background-color: #f5f5f5; } ul.nav-list.show-bg-active .active > a:hover { background-color: #eee; } ul.narrow li a { padding: 4px 0; } ul.nav-pills > li.active > a { background-color: #ccc; } ul.nav-pills > li.active > a:hover, ul.nav-pills > li.active > a:focus { background-color: #ccc; } .captcha { clear: both; overflow: hidden; background: #f2f2f2; text-align: center; margin-bottom: 20px; max-width: 160px; height: 78px; position: relative; } .captcha input { border: 0; } .captcha-input { position: relative; top: 15px; font-size: 14px; } .captcha-image { float: left; position: relative; top: -5px; left: -13px; } .captcha-refresh { position: absolute; z-index: 1; bottom: 2px; right: 2px; border-radius: 3px; padding: 2px 5px; } .captcha-refresh a, .captcha-refresh a:hover, .captcha-refresh a:focus, .captcha-refresh a:active { color: #333; } .fontawesome-icon-list [class*="col-md-"] { margin-bottom: 9px; } .fontawesome-icon-list > section { margin-top: 25px; } .img-rounded { border-radius: 4px; } .img-thumbnail { border-radius: 4px; position: relative; } .img-thumbnail img { border-radius: 4px; } .img-thumbnail .zoom { background: #ccc; border-radius: 100%; bottom: 8px; color: #fff; display: block; height: 30px; padding: 6px; position: absolute; right: 8px; text-align: center; width: 30px; } .img-thumbnail .zoom i, .img-thumbnail .zoom em { font-size: 14px; left: -1px; position: relative; top: -3px; } .img-thumbnail.img-thumbnail-hover-icon { position: relative; } .img-thumbnail.img-thumbnail-hover-icon img { position: relative; z-index: 1; } .img-thumbnail.img-thumbnail-hover-icon:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; background: rgba(0, 0, 0, 0.65); border-radius: 4px; content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; z-index: 2; } .img-thumbnail.img-thumbnail-hover-icon:after { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; font-family: FontAwesome; color: #fff; content: ""; font-size: 30px; height: 30px; position: absolute; top: 30%; margin-top: -15px; display: block; text-align: center; width: 100%; opacity: 0; z-index: 3; } .img-thumbnail.img-thumbnail-hover-icon:hover:before { opacity: 1; } .img-thumbnail.img-thumbnail-hover-icon:hover:after { top: 50%; opacity: 1; } ul.thumbnail-gallery { list-style: none; margin: 10px 0; padding: 0; } ul.thumbnail-gallery li { display: inline-block; margin: 10px 10px 0 0; padding: 0; } @media (max-width: 991px) { .thumbnail { border: 0; text-align: center; } } .v-menu .nav-main { clear: both; display: block; float: none; width: 100%; background-color: #171717; margin-right: auto; margin-left: auto; border-radius: 5px; border: 5px solid #171717; } .v-menu .nav-main ul li { padding: 5px; margin: 0; clear: both; float: none; display: block; border-bottom: 1px solid #2a2a2a; background-color: #171717; } .v-menu nav ul.nav-main li a, .v-menu nav ul.nav-main li.active a { background: none !important; background-color: transparent !important; } .v-menu nav ul.nav-main li a { color: #fff; clear: both; float: none; display: block; padding: 5px; border: 0; border-top: 0; margin: 0; font-size: 0.9em; font-style: normal; font-weight: 400; line-height: 20px; } .v-menu .nav-main ul.nav-main { float: none; position: static; margin: 0; margin-right: -10px; } .v-menu .nav-main ul { padding: 0; } .v-menu .nav > li { position: relative; } .v-menu .nav-pills > li > a { border-radius: 4px; } .v-menu .nav > li > a { position: relative; } .v-menu nav ul.nav-main li a i.fa-caret-down { top: 6px; font-size: 25px; position: absolute; right: 5px; } .v-menu .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; transform: translate(0, 0); } .v-menu nav ul.nav-main ul.dropdown-menu { border: 0; border-radius: 6px; margin: 0; padding: 5px; top: auto; margin-bottom: -5px; padding-right: 0 !important; } .v-menu .nav-main ul.dropdown-menu { position: static; clear: both; float: none; } .v-menu .dropdown-menu { left: 0; z-index: 1000; font-size: 14px; text-align: left; list-style: none; } .v-menu li { line-height: 24px; } .v-menu nav ul.nav-main ul.dropdown-menu { background: none !important; background-color: transparent !important; } .v-menu nav ul.nav-main ul.dropdown-menu li > a { padding: 5px; border: 0; border-top: 0; margin: 0; border-bottom: none; font-size: 0.9em; color: #ececed; font-weight: 400; text-transform: none; position: relative; } .v-menu a { outline: none !important; } .v-menu nav ul.nav-main ul.dropdown-menu ul.dropdown-menu { border-radius: 6px; margin-top: -5px; } .v-menu .nav-main ul.dropdown-menu { position: static; clear: both; float: none; } .v-menu .nav-main ul li:last-child { border-bottom: none; } .v-menu nav ul.nav-main ul.dropdown-menu li > a { -moz-transition: all 0.2s; -o-transition: all 0.2s; -webkit-transition: all 0.2s; transition: all 0.2s; } .v-menu nav ul.nav-main ul.dropdown-menu li:hover > a { filter: none; background-color: #171717; padding-left: 16px; padding-right: 16px; } .v-menu .active > a { color: #48cfad !important; } .v-menu .nav-main li.resp-active > ul.dropdown-menu { display: block !important; } .v-menu .nav-main ul.dropdown-menu { position: static; clear: both; float: none; display: none !important; } .v-menu .nav-main li.resp-active > ul.dropdown-menu { display: block !important; } .v-menu li.dropdown-submenu { padding-right: 0 !important; } .masonry .masonry-item { width: 25%; } .masonry .masonry-item.w2 { width: 50%; } .masonry .masonry-item img { border-radius: 0 !important; } ul.sitemap > li > a { font-weight: bold; } ul.sitemap.list li { margin: 0 0 3px 0; } ul.sitemap.list ul { margin-bottom: 5px; margin-top: 5px; } .popup-inline-content { background: none repeat scroll 0 0 #fff; margin: 40px auto; max-width: 1170px; padding: 20px 30px; position: relative; text-align: left; display: none; } .mfp-wrap .popup-inline-content { display: block; } .white-popup-block { background: #fff; padding: 20px 30px; text-align: left; max-width: 600px; margin: 40px auto; position: relative; } .white-popup-block.white-popup-block-xs { max-width: 200px; } .white-popup-block.white-popup-block-sm { max-width: 400px; } .white-popup-block.white-popup-block-md { max-width: 600px; } .white-popup-block.white-popup-block-lg { max-width: 900px; } body.lightbox-opened.sticky-menu-active header { padding-right: 17px; } .pull-left { float: left !important; } .pull-right { float: right !important; } .push-bottom { margin-bottom: 35px; } .push-top { margin-top: 35px; } .align-center, .center { text-align: center !important; } .align-left { text-align: left !important; } .align-right { text-align: right !important; } .bold { font-weight: bold; } .inverted { color: #fff; display: inline-block; padding-left: 10px; padding-right: 10px; } h1 .inverted { padding-left: 10px; padding-right: 10px; } h2 .inverted { padding-left: 7px; padding-right: 7px; } h3 .inverted { padding-left: 2px; padding-right: 2px; } h4 .inverted { padding-left: 4px; padding-right: 4px; } h5 .inverted { padding-left: 2px; padding-right: 2px; } h6 .inverted { padding-left: 2px; padding-right: 2px; } .cur-pointer { cursor: pointer; } /*.clearfix{display:inline-block}*/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #ccc; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #ccc; border-color: #ccc; } .read-more, .learn-more { display: inline-block; white-space: nowrap; } .offset-anchor { display: block; position: relative; visibility: hidden; top: -100px; } @media (max-width: 991px) { .offset-anchor { top: 0; } } .show-grid [class*="col-md-"] .show-grid-block { background-color: #eee; line-height: 40px; min-height: 40px; text-align: center; border: 1px solid #fff; display: block; } .embed-responsive.embed-soundcloud { padding-bottom: 19.25%; } .embed-responsive.embed-responsive-borders { border: 1px solid #ddd; padding: 4px; border-radius: 4px; } .content-grid { overflow: hidden; margin: 0; padding: 0; } .content-grid .content-grid-item { position: relative; padding: 30px; margin: 0; } .content-grid .content-grid-item:before, .content-grid .content-grid-item:after { content: ""; position: absolute; } .content-grid .content-grid-item:before { height: 100%; top: 0; left: -1px; border-left: 1px solid #dadada; } .content-grid .content-grid-item:after { width: 100%; height: 0; top: auto; left: 0; bottom: -1px; border-bottom: 1px solid #dadada; } .content-grid .content-grid-item .img-responsive { display: inline-block; } .content-grid.content-grid-dashed .content-grid-item:before { border-left: 1px dashed #dadada; } .content-grid.content-grid-dashed .content-grid-item:after { border-bottom: 1px dashed #dadada; } .sort-source-wrapper { padding: 8px 0; position: relative; } .sort-source-wrapper .nav { margin: -100px 0 5px; } .sort-source-wrapper .nav > li > a { color: #fff; background: transparent; } .sort-source-wrapper .nav > li > a:hover, .sort-source-wrapper .nav > li > a:focus { background: transparent; } .sort-source-wrapper .nav > li.active > a { background: transparent; } .sort-source-wrapper .nav > li.active > a:hover, .sort-source-wrapper .nav > li.active > a:focus { background: transparent; } .sort-source { clear: both; } .sort-destination { overflow: hidden; } .sort-destination.full-width { position: relative; } .sort-destination.full-width .isotope-item { width: 20%; float: left; } .sort-destination.full-width .isotope-item.w2 { width: 40%; } .sort-destination.full-width .isotope-item .img-thumbnail, .sort-destination.full-width .isotope-item a, .sort-destination.full-width .isotope-item .thumb-info img { border-radius: 0; } .sort-source-wrapper + .sort-destination.full-width { margin: 0 0 -81px; top: -51px; } @media (max-width: 991px) { .sort-destination.isotope { overflow: visible !important; height: auto !important; } .sort-destination.isotope.full-width { overflow: hidden !important; } .isotope-hidden { display: none !important; } } @media (max-width: 767px) { .isotope-item { position: static !important; text-align: center; width: 100%; margin-left: auto; margin-right: auto; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; -webkit-transform: none !important; transform: none !important; } .isotope-item.product { position: relative !important; } .sort-source-wrapper { background: #171717; clear: both; margin-top: -35px; } .sort-source-wrapper .nav { margin: 0; } .sort-destination { height: auto !important; } .sort-destination, .isotope-item { margin-left: auto !important; margin-right: auto !important; } .sort-destination.full-width, .sort-source-wrapper + .sort-destination.full-width { max-width: none; margin: 0 0 -30px; top: 0; } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { max-width: none; } } @media (max-width: 479px) { .sort-destination, .isotope-item { margin-left: auto !important; margin-right: auto !important; } .sort-destination.full-width .isotope-item, .sort-source-wrapper + .sort-destination.full-width .isotope-item { position: static !important; clear: both; float: none; width: auto; } } .icon-featured { display: inline-block; font-size: 0; margin: 15px; width: 110px; height: 110px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; font-size: 40px; line-height: 110px; } .icon-featured:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ""; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .featured-box { background: #f5f5f5; background-color: transparent; background: -webkit-linear-gradient(top, #fff 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; background: linear-gradient(to bottom, #fff 1%, #fcfcfc 98%) repeat scroll 0 0 transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #dfdfdf; border-left: 1px solid #ececec; border-radius: 8px; border-right: 1px solid #ececec; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04); margin-bottom: 20px; margin-left: auto; margin-right: auto; margin-top: 20px; min-height: 100px; position: relative; text-align: center; z-index: 1; } .featured-box h4 { font-size: 1.3em; font-weight: 400; letter-spacing: -0.7px; margin-top: 5px; margin-bottom: 5px; } .featured-box .box-content { border-radius: 8px; border-top: 1px solid #ccc; border-top-width: 4px; padding: 30px 30px 10px 30px; position: relative; top: -1px; } .featured-box .learn-more { display: block; margin-top: 10px; } .featured-box-text-left { text-align: left; } .featured-boxes-flat .featured-box { box-shadow: none; margin: 10px 0; } .featured-boxes-flat .featured-box .box-content { background: #fff; margin-top: 65px; } .featured-boxes-flat .featured-box .icon-featured { display: inline-block; font-size: 38px; height: 90px; line-height: 90px; padding: 0; width: 90px; margin: -100px 0 -15px; position: relative; top: -37px; } .featured-boxes-style-2 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none; } .featured-boxes-style-2 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-2 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: 0; } .featured-boxes-style-3 .featured-box { margin: 10px 0; } .featured-boxes-style-3 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; line-height: 75px; padding: 0; width: 75px; margin-top: -35px; background: #fff; border: 3px solid #ccc; color: #ccc; line-height: 68px; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box { background: none; border: 0; box-shadow: none; } .featured-boxes-style-3:not(.featured-boxes-flat) .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-4 .featured-box { background: none; border: 0; margin: 10px 0; box-shadow: none; } .featured-boxes-style-4 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-4 .featured-box .icon-featured { display: inline-block; font-size: 40px; height: 45px; line-height: 45px; padding: 0; width: 45px; margin-top: 0; margin-bottom: 10px; background: transparent; color: #ccc; border-radius: 0; } .featured-boxes-style-5 .featured-box, .featured-boxes-style-6 .featured-box, .featured-boxes-style-7 .featured-box { background: none; border: 0; box-shadow: none; margin: 10px 0; } .featured-boxes-style-5 .featured-box .box-content, .featured-boxes-style-6 .featured-box .box-content, .featured-boxes-style-7 .featured-box .box-content { border: 0; padding-top: 0; padding-bottom: 0; } .featured-boxes-style-5 .featured-box .box-content h4, .featured-boxes-style-6 .featured-box .box-content h4, .featured-boxes-style-7 .featured-box .box-content h4 { color: #2e353e; } .featured-boxes-style-5 .featured-box .icon-featured, .featured-boxes-style-6 .featured-box .icon-featured, .featured-boxes-style-7 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin-top: 0; margin-bottom: 10px; background: #fff; border: 1px solid #dfdfdf; color: #777; line-height: 73px; } .featured-boxes-style-6 .featured-box .icon-featured { border: 1px solid #cecece; color: #777; } .featured-boxes-style-6 .featured-box .icon-featured:after { border: 5px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -6px; padding: 1px; position: absolute; top: -6px; width: 100%; } .featured-boxes-style-7 .featured-box .icon-featured { border: 1px solid #dfdfdf; color: #777; } .featured-boxes-style-8 .featured-box .icon-featured { display: inline-block; font-size: 30px; height: 75px; padding: 0; width: 75px; margin: -15px -15px 0 0; background: #fff; line-height: 73px; border: 0; color: #777; } .featured-boxes-style-8 .featured-box .icon-featured:after { display: none; } .featured-boxes .featured-box { margin-bottom: 30px; margin-top: 45px; } .featured-box-effect-1 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(1); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(1); -ms-transform: scale(1); transition: transform 0.2s, opacity 0.2s; transform: scale(1); opacity: 0; } .featured-box-effect-1:hover .icon-featured:after { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 1; } .featured-box-effect-2 .icon-featured:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 3px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.8); -ms-transform: scale(0.8); transition: transform 0.2s, opacity 0.2s; transform: scale(0.8); opacity: 0; } .featured-box-effect-2:hover .icon-featured:after { -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 1; } .featured-box-effect-3 .icon-featured:after { top: 0; left: 0; box-shadow: 0 0 0 10px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(0.9); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(0.9); -ms-transform: scale(0.9); transition: transform 0.2s, opacity 0.2s; transform: scale(0.9); opacity: 0; } .featured-box-effect-3:hover .icon-featured { color: #fff !important; } .featured-box-effect-3:hover .icon-featured:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 0.8; } .featured-box-effect-4 .icon-featured { -webkit-transition: -webkit-transform 0.2s, transform 0.2s; -moz-transition: -moz-transform 0.2s, transform 0.2s; transition: transform 0.2s, transform 0.2s; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .featured-box-effect-4:hover .icon-featured { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); transform: scale(1.15); } .featured-box-effect-5 .icon-featured { overflow: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .featured-box-effect-5:hover .icon-featured { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } .featured-box-effect-6 .icon-featured:after { -webkit-transition: all 0.2s, -webkit-transform 0.2s; -moz-transition: all 0.2s, -moz-transform 0.2s; transition: all 0.2s, transform 0.2s; } .featured-box-effect-6:hover .box-content .icon-featured:after { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .featured-box-effect-7 .icon-featured:after { opacity: 0; box-shadow: 3px 3px #d5d5d5; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, -moz-transform 0.2s; transition: opacity 0.2s, transform 0.2s; left: 0; top: -1px; } .featured-box-effect-7:hover .icon-featured:after { opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .featured-box-effect-7 .icon-featured:before { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0.7; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; } .featured-box-effect-7:hover .icon-featured:before { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .featured-boxes-full { width: 100%; } .featured-boxes-full > [class*="col-"] { padding: 0; } .featured-boxes-full .featured-box-full { text-align: center; padding: 55px; } .featured-boxes-full .featured-box-full .fa, .featured-boxes-full .featured-box-full h1, .featured-boxes-full .featured-box-full h2, .featured-boxes-full .featured-box-full h3, .featured-boxes-full .featured-box-full h4, .featured-boxes-full .featured-box-full h5, .featured-boxes-full .featured-box-full h6, .featured-boxes-full .featured-box-full p, .featured-boxes-full .featured-box-full a { color: #fff; padding: 0; margin: 0; } .featured-boxes-full .featured-box-full .fa { font-size: 55px; margin-bottom: 15px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .featured-boxes-full .featured-box-full p { padding-top: 12px; opacity: 0.8; } .feature-box { clear: both; } .feature-box .feature-box-icon { background: #ccc; border-radius: 35px; color: #fff; display: inline-block; float: left; height: 35px; line-height: 35px; margin-right: 10px; position: relative; text-align: center; top: 5px; width: 35px; } .feature-box .feature-box-info { padding-left: 50px; } .feature-box.feature-box-style-2 h4 { color: #1d2127; } .feature-box.feature-box-style-2 .feature-box-icon { background: transparent; width: 50px; height: 50px; } .feature-box.feature-box-style-2 .feature-box-icon i.fa, .feature-box.feature-box-style-2 .feature-box-icon em.fa, .feature-box.feature-box-style-2 .feature-box-icon i.icons, .feature-box.feature-box-style-2 .feature-box-icon em.icons { font-size: 28px; } .feature-box.feature-box-style-2 .feature-box-info { padding-left: 60px; } .feature-box.feature-box-style-3 h4 { color: #1d2127; } .feature-box.feature-box-style-3 .feature-box-icon { border: 1px solid #ccc; background: transparent; line-height: 32px; } .feature-box.feature-box-style-3 .feature-box-icon i.fa, .feature-box.feature-box-style-3 .feature-box-icon em.fa { color: #ccc; } .feature-box.feature-box-style-4 h4 { color: #1d2127; } .feature-box.feature-box-style-4 .feature-box-icon { background: transparent; padding-bottom: 10px; height: auto; width: auto; float: none; } .feature-box.feature-box-style-4 .feature-box-icon i.fa, .feature-box.feature-box-style-4 .feature-box-icon em.fa { font-size: 38px; } .feature-box.feature-box-style-4 .feature-box-info { clear: both; padding-left: 0; } .feature-box.feature-box-style-5 h4 { color: #1d2127; } .feature-box.feature-box-style-5 .feature-box-icon { background: transparent; width: 74px; height: 74px; } .feature-box.feature-box-style-5 .feature-box-icon i.fa, .feature-box.feature-box-style-5 .feature-box-icon em.fa { font-size: 44px; } .feature-box.feature-box-style-5 .feature-box-info { padding-left: 84px; } .feature-box.feature-box-style-6 h4 { color: #1d2127; } .feature-box.feature-box-style-6 .feature-box-icon { border: 1px solid #cecece; background: transparent; line-height: 32px; } .feature-box.feature-box-style-6 .feature-box-icon:after { border: 3px solid #f4f4f4; border-radius: 50%; box-sizing: initial; content: ""; display: block; height: 100%; left: -4px; padding: 1px; position: absolute; top: -4px; width: 100%; } .feature-box.feature-box-style-6 .feature-box-icon i.fa, .feature-box.feature-box-style-6 .feature-box-icon em.fa { color: #a9a9a9; } @media (min-width: 991px) { .feature-box.reverse { text-align: right; } .feature-box.reverse .feature-box-info { padding-right: 50px; padding-left: 0; } .feature-box.reverse .feature-box-icon { float: right; margin-right: 0; margin-left: 10px; } .feature-box.reverse.feature-box-style-2 .feature-box-info { padding-right: 60px; } .feature-box.reverse.feature-box-style-4 .feature-box-info { padding-right: 0; } .feature-box.reverse.feature-box-style-5 .feature-box-info { padding-right: 84px; } } .thumb-info { display: block; position: relative; text-decoration: none; max-width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .thumb-info .thumb-info-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border-radius: 4px; margin: 4px; overflow: hidden; display: block; position: relative; } .thumb-info .thumb-info-wrapper:after { content: ""; background: rgba(36, 27, 28, 0.9); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; bottom: -4px; color: #fff; left: -4px; position: absolute; right: -4px; top: -4px; display: block; filter: alpha(opacity=0); opacity: 0; z-index: 1; } .thumb-info .thumb-info-action-icon { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #ccc; border-radius: 0 0 0 25px; display: inline-block; font-size: 25px; height: 50px; line-height: 50px; position: absolute; right: -100px; text-align: center; top: -100px; width: 50px; z-index: 2; } .thumb-info .thumb-info-action-icon i, .thumb-info .thumb-info-action-icon em { font-size: 24px; left: 3px; position: relative; top: -4px; color: #fff; } .thumb-info .thumb-info-inner { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display: block; } .thumb-info .thumb-info-inner em { display: block; font-size: 0.8em; font-style: normal; font-weight: normal; } .thumb-info .thumb-info-title { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: rgba(36, 27, 28, 0.9); bottom: 10%; color: #fff; font-size: 18px; font-weight: 700; left: 0; letter-spacing: -1px; padding: 9px 11px 9px; position: absolute; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); text-transform: uppercase; z-index: 2; max-width: 90%; } .thumb-info .thumb-info-type { background-color: #ccc; border-radius: 2px; display: inline-block; float: left; font-size: 12px; font-weight: 400; letter-spacing: 0; margin: 8px -2px -15px -2px; padding: 2px 9px; text-transform: none; z-index: 2; } .thumb-info img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 3px; position: relative; width: 100%; } .thumb-info:hover .thumb-info-wrapper:after { filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover .thumb-info-action-icon { right: 0; top: 0; } .thumb-info:hover .thumb-info-title { background: #000; } .thumb-info:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .thumb-info.thumb-info-no-zoom:hover img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .thumb-info.thumb-info-lighten .thumb-info-wrapper:after { background: rgba(36, 27, 28, 0.65); } .thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after { display: none; } .thumb-info.thumb-info-centered-icons .thumb-info-action { -webkit-transition: top 0.1s ease; -moz-transition: top 0.1s ease; transition: top 0.1s ease; top: 40%; left: 3px; right: auto; bottom: auto; width: 100%; height: 40px; margin-top: -20px; text-align: center; position: absolute; filter: alpha(opacity=0); opacity: 0; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon { -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; transition: all 0.1s ease; position: relative; z-index: 2; left: auto; right: auto; top: auto; bottom: auto; width: 40px; height: 40px; line-height: 33px; border-radius: 50%; margin-right: 3px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon i, .thumb-info.thumb-info-centered-icons .thumb-info-action-icon em { position: static; font-size: 18px; } .thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover { -webkit-transform: scale(1.15, 1.15); -moz-transform: scale(1.15, 1.15); -ms-transform: scale(1.15, 1.15); -o-transform: scale(1.15, 1.15); transform: scale(1.15, 1.15); } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action { top: 50%; filter: alpha(opacity=100); opacity: 1; } .thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon { position: relative; } .thumb-info.thumb-info-centered-info .thumb-info-title { background: transparent; left: 5%; width: 90%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: 30%; filter: alpha(opacity=0); opacity: 0; text-align: center; padding: 0; } .thumb-info.thumb-info-centered-info .thumb-info-type { float: none; } .thumb-info.thumb-info-centered-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 45%; } .thumb-info.thumb-info-bottom-info .thumb-info-title { background: #fff; left: 0; width: 100%; max-width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; top: auto; bottom: -100px; filter: alpha(opacity=0); opacity: 0; padding: 15px; text-shadow: none; color: #777; } .thumb-info.thumb-info-bottom-info .thumb-info-type { float: none; background: none; padding: 0; margin: 0; } .thumb-info.thumb-info-bottom-info:hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; bottom: 0; } .thumb-info.thumb-info-bottom-info:hover img { -webkit-transform: translateY(-18px); -moz-transform: translateY(-18px); -ms-transform: translateY(-18px); -o-transform: translateY(-18px); transform: translateY(-18px); } .thumb-info.thumb-info-bottom-info-dark .thumb-info-title { background-color: transparent; background: -webkit-linear-gradient( bottom, rgba(36, 27, 28, 0.8) 0, transparent 100% ) repeat scroll 0 0 transparent; background: linear-gradient( to top, rgba(36, 27, 28, 0.8) 0, transparent 100% ) repeat scroll 0 0 transparent; color: #fff; } .thumb-info.thumb-info-push-hor img { -webkit-transform: translatex(-18px); -moz-transform: translatex(-18px); -ms-transform: translatex(-18px); -o-transform: translatex(-18px); transform: translatex(-18px); width: calc(100% + 19px); max-width: none; } .thumb-info.thumb-info-push-hor:hover img { -webkit-transform: translatex(0); -moz-transform: translatex(0); -ms-transform: translatex(0); -o-transform: translatex(0); transform: translatex(0); } .thumb-info.thumb-info-hide-info-hover .thumb-info-wrapper:after { filter: alpha(opacity=65); opacity: 0.65; } .thumb-info.thumb-info-hide-info-hover .thumb-info-title { filter: alpha(opacity=100); opacity: 1; top: 40%; } .thumb-info.thumb-info-hide-info-hover .thumb-info-type { float: none; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-wrapper:after { filter: alpha(opacity=10); opacity: 0.1; } .thumb-info.thumb-info-hide-info-hover:hover .thumb-info-title { filter: alpha(opacity=0); opacity: 0; } .thumb-info.thumb-info-no-borders, .thumb-info.thumb-info-no-borders img { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper { border: 0; padding: 0; margin: 0; border-radius: 0; } .thumb-info.thumb-info-no-borders .thumb-info-wrapper:after { border-radius: 0; bottom: 0; left: 0; right: 0; top: 0; } html.webkit .thumb-info .thumb-info-wrapper { margin: 4px 4px 3px 4px; } html.webkit .full-width .thumb-info .thumb-info-wrapper, html.webkit .masonry-item .thumb-info .thumb-info-wrapper, html.webkit .thumb-info-no-borders .thumb-info-wrapper { margin: 0; } .full-width .thumb-info img { border-radius: 0 !important; } .thumb-info-caption { padding: 10px 0; } .thumb-info-caption .thumb-info-caption-text, .thumb-info-caption p { font-size: 0.9em; line-height: 20px; margin: 0 0 8px; padding: 10px; display: block; } .thumb-info-social-icons { border-top: 1px dotted #ddd; margin: 0; padding: 15px 10px; display: block; } .thumb-info-social-icons a { background: #ccc; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .thumb-info-social-icons a:hover { text-decoration: none; } .thumb-info-social-icons a span { display: none; } .thumb-info-social-icons a i, .thumb-info-social-icons a em { color: #fff; font-size: 0.9em; font-weight: normal; } @media (max-width: 991px) { .thumb-info .thumb-info-title { font-size: 14px; } .thumb-info .thumb-info-more { font-size: 11px; } } section.timeline { width: 75%; margin: 50px 12.5% 0; position: relative; float: left; padding-bottom: 120px; } section.timeline:after { background: #505050; background: -moz-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, #1e5799), color-stop(100%, #7db9e8) ); background: -webkit-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: -o-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: -ms-linear-gradient( top, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100% ); background: linear, to bottom, rgba(80, 80, 80, 0) 0%, #505050 8%, #505050 92%, rgba(80, 80, 80, 0) 100%; content: ""; display: block; height: 100%; left: 50%; margin-left: -2px; position: absolute; top: -60px; width: 3px; z-index: 0; filter: alpha(opacity=35); opacity: 0.35; } section.timeline .timeline-date { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); position: relative; display: block; clear: both; width: 200px; height: 45px; padding: 5px; border: 1px solid #e5e5e5; margin: 0 auto 10px; text-shadow: 0 1px 1px #fff; border-radius: 4px; background: #fff; z-index: 1; } section.timeline .timeline-date h3 { display: block; text-align: center; color: #757575; font-size: 0.9em; line-height: 32px; } section.timeline .timeline-title { background: #f4f4f4; padding: 12px; } section.timeline .timeline-title h4 { padding: 0; margin: 0; color: #171717; font-size: 1.4em; } section.timeline .timeline-title a { color: #171717; } section.timeline .timeline-title .timeline-title-tags { color: #b1b1b1; font-size: 0.9em; } section.timeline .timeline-title .timeline-title-tags a { color: #b1b1b1; font-size: 0.9em; } section.timeline .timeline-box { box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.04); border: 1px solid #e5e5e5; border-radius: 4px; margin: 20px 10px 10px 10px; padding: 10px; position: relative; width: 45.7%; float: left; z-index: 1; margin-bottom: 30px; background: #fff; } section.timeline .timeline-box.left { clear: both; } section.timeline .timeline-box.left:before { background: none repeat scroll 0 0 #e5e5e5; border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #e5e5e5; content: ""; display: block; height: 7px; margin-right: -5px; position: absolute; right: -6.8%; top: 22px; width: 8px; } section.timeline .timeline-box.left:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; content: ""; display: block; height: 14px; position: absolute; right: -8px; top: 20px; width: 14px; z-index: 0; } section.timeline .timeline-box.right { clear: right; float: right; right: -1px; margin-top: 40px; } section.timeline .timeline-box.right:before { background: none repeat scroll 0 0 #e5e5e5; border-radius: 50%; box-shadow: 0 0 0 3px #fff, 0 0 0 6px #e5e5e5; content: ""; display: block; height: 7px; margin-left: -5px; position: absolute; left: -7.2%; top: 32px; width: 8px; } section.timeline .timeline-box.right:after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background: #fff; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; content: ""; display: block; height: 14px; position: absolute; left: -8px; top: 30px; width: 14px; z-index: 0; } section.timeline .timeline-box .owl-carousel { border-radius: 0; padding: 0; border: 0; box-shadow: none; } @media (max-width: 991px) { section.timeline .timeline-box { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.right { float: none; clear: both; right: auto; left: auto; margin: 25px auto; max-width: 70%; width: auto; } section.timeline .timeline-box.left:after, section.timeline .timeline-box.right:after, section.timeline .timeline-box.left:before, section.timeline .timeline-box.right:before { display: none; } } @media (max-width: 479px) { section.timeline { width: auto; float: none; margin-left: 0; margin-right: 0; } section.timeline .timeline-box { margin: 15px auto; max-width: 90%; } section.timeline .timeline-box.right { margin: 15px auto; max-width: 90%; } article.post-large { margin-left: 0; } article.post-large .post-image, article.post-large .post-date { margin-left: 0; } } ul.social-icons { margin: 0; padding: 0; width: auto; } header ul.social-icons li { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-image: url(Resources/img/social-sprites.png); background-repeat: no-repeat; background-position: 0 100px; display: none; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } ul.social-icons li { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; background-image: url(Resources/img/social-sprites.png); background-repeat: no-repeat; background-position: 0 100px; display: inline-block; margin: -1px 1px 5px 0; padding: 0; border-radius: 100%; overflow: visible; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } ul.social-icons li.active { display: inline-block; } ul.social-icons li a { display: block; height: 30px; width: 30px; text-align: center; } ul.social-icons li a:hover { text-decoration: none; } ul.social-icons li a i[class^="icon-"] { color: #444; font-style: 16px; position: relative; top: 3px; } ul.social-icons li a:active { box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3), inset 0 0 10px rgba(0, 0, 0, 0.3); } ul.social-icons li[class] a { text-indent: -9999px; } ul.social-icons li:active, ul.social-icons li a:active { border-radius: 100%; } ul.social-icons li.digg { background-position: 0 0; } ul.social-icons li.digg:hover { background-position: 0 -30px; } ul.social-icons li.dribbble { background-position: 0 -60px; } ul.social-icons li.dribbble:hover { background-position: 0 -90px; } ul.social-icons li.facebook { background-position: 0 -120px; } ul.social-icons li.facebook:hover { background-position: 0 -150px; } ul.social-icons li.flickr { background-position: 0 -180px; } ul.social-icons li.flickr:hover { background-position: 0 -210px; } ul.social-icons li.forrst { background-position: 0 -240px; } ul.social-icons li.forrst:hover { background-position: 0 -270px; } ul.social-icons li.googleplus { background-position: 0 -300px; } ul.social-icons li.googleplus:hover { background-position: 0 -330px; } ul.social-icons li.html5 { background-position: 0 -360px; } ul.social-icons li.html5:hover { background-position: 0 -390px; } ul.social-icons li.icloud { background-position: 0 -420px; } ul.social-icons li.icloud:hover { background-position: 0 -450px; } ul.social-icons li.lastfm { background-position: 0 -480px; } ul.social-icons li.lastfm:hover { background-position: 0 -510px; } ul.social-icons li.linkedin { background-position: 0 -540px; } ul.social-icons li.linkedin:hover { background-position: 0 -570px; } ul.social-icons li.myspace { background-position: 0 -600px; } ul.social-icons li.myspace:hover { background-position: 0 -630px; } ul.social-icons li.paypal { background-position: 0 -660px; } ul.social-icons li.paypal:hover { background-position: 0 -690px; } ul.social-icons li.picasa { background-position: 0 -720px; } ul.social-icons li.picasa:hover { background-position: 0 -750px; } ul.social-icons li.pinterest { background-position: 0 -780px; } ul.social-icons li.pinterest:hover { background-position: 0 -810px; } ul.social-icons li.reddit { background-position: 0 -840px; } ul.social-icons li.reddit:hover { background-position: 0 -870px; } ul.social-icons li.rss { background-position: 0 -900px; } ul.social-icons li.rss:hover { background-position: 0 -930px; } ul.social-icons li.skype { background-position: 0 -960px; } ul.social-icons li.skype:hover { background-position: 0 -990px; } ul.social-icons li.stumbleupon { background-position: 0 -1020px; } ul.social-icons li.stumbleupon:hover { background-position: 0 -1050px; } ul.social-icons li.tumblr { background-position: 0 -1080px; } ul.social-icons li.tumblr:hover { background-position: 0 -1110px; } ul.social-icons li.twitter { background-position: 0 -1140px; } ul.social-icons li.twitter:hover { background-position: 0 -1170px; } ul.social-icons li.vimeo { background-position: 0 -1200px; } ul.social-icons li.vimeo:hover { background-position: 0 -1230px; } ul.social-icons li.wordpress { background-position: 0 -1260px; } ul.social-icons li.wordpress:hover { background-position: 0 -1290px; } ul.social-icons li.yahoo { background-position: 0 -1320px; } ul.social-icons li.yahoo:hover { background-position: 0 -1350px; } ul.social-icons li.youtube { background-position: 0 -1380px; } ul.social-icons li.youtube:hover { background-position: 0 -1410px; } ul.social-icons li.github { background-position: 0 -1440px; } ul.social-icons li.github:hover { background-position: 0 -1470px; } ul.social-icons li.behance { background-position: 0 -1500px; } ul.social-icons li.behance:hover { background-position: 0 -1530px; } ul.social-icons li.yelp { background-position: 0 -1560px; } ul.social-icons li.yelp:hover { background-position: 0 -1590px; } ul.social-icons li.mail { background-position: 0 -1620px; } ul.social-icons li.mail:hover { background-position: 0 -1650px; } ul.social-icons li.instagram { background-position: 0 -1680px; } ul.social-icons li.instagram:hover { background-position: 0 -1710px; } ul.social-icons li.foursquare { background-position: 0 -1740px; } ul.social-icons li.foursquare:hover { background-position: 0 -1770px; } ul.social-icons li.zerply { background-position: 0 -1800px; } ul.social-icons li.zerply:hover { background-position: 0 -1830px; } ul.social-icons li.vk { background-position: 0 -1860px; } ul.social-icons li.vk:hover { background-position: 0 -1890px; } .social-icons-list { margin: 0 0 20px; padding: 0; display: block; } .social-icons-list a { background: #ccc; border-radius: 25px; display: inline-block; height: 30px; line-height: 30px; text-align: center; width: 30px; } .social-icons-list a:hover { text-decoration: none; } .social-icons-list a span { display: none; } .social-icons-list a i, .social-icons-list a em { color: #fff; font-size: 0.9em; font-weight: normal; } html .scroll-to-top { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: #404040; border-radius: 7px 7px 0 0; bottom: 0; color: #fff; display: block; height: 9px; opacity: 0; padding: 13px 10px 35px; position: fixed; right: 10px; text-align: center; text-decoration: none; min-width: 49px; z-index: 1040; } html .scroll-to-top:hover { filter: alpha(opacity=100); opacity: 1; } html .scroll-to-top.visible { filter: alpha(opacity=75); opacity: 0.75; } html .scroll-to-top span { display: inline-block; padding: 0 5px; } html.ie11 .scroll-to-top { right: 25px; } @media (max-width: 991px) { html .scroll-to-top.hidden-mobile { display: none !important; } } @-webkit-keyframes animateLoader { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(220deg); } } @-moz-keyframes animateLoader { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(220deg); } } @-o-keyframes animateLoader { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(220deg); } } @keyframes animateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(220deg); } } @-webkit-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -webkit-transform: rotate(140deg); } } @-moz-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -moz-transform: rotate(140deg); } } @-o-keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; -o-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; -o-transform: rotate(140deg); } } @keyframes animateLoaderAfterWhite { 0% { box-shadow: 0 0 0 6px #fff inset; transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #fff inset; } 100% { box-shadow: 0 0 0 6px #fff inset; transform: rotate(140deg); } } @-webkit-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -webkit-transform: rotate(140deg); } } @-moz-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -moz-transform: rotate(140deg); } } @-o-keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; -o-transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; -o-transform: rotate(140deg); } } @keyframes animateLoaderAfterBlack { 0% { box-shadow: 0 0 0 6px #999 inset; transform: rotate(-140deg); } 50% { box-shadow: 0 0 0 2px #999 inset; } 100% { box-shadow: 0 0 0 6px #999 inset; transform: rotate(140deg); } } .loading-overlay-showing { overflow: hidden; } .loading-overlay-showing > .loading-overlay { opacity: 1; visibility: visible; -webkit-transition-delay: 0; -moz-transition-delay: 0; transition-delay: 0; } .loading-overlay { -webkit-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; -moz-transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; transition: visibility 0s ease-in-out 0.5s, opacity 0.5s ease-in-out; bottom: 0; left: 0; position: absolute; opacity: 0; right: 0; top: 0; visibility: hidden; background: #fff; } .loading-overlay .loader { -webkit-animation: animateLoader 1s linear infinite; -moz-animation: animateLoader 1s linear infinite; animation: animateLoader 1s linear infinite; clip: rect(0, 30px, 30px, 15px); height: 30px; left: 50%; margin-left: -15px; margin-top: -15px; position: absolute; text-align: left; top: 50%; width: 30px; } .loading-overlay .loader:after { border-radius: 50%; clip: rect(0, 30px, 30px, 15px); content: ""; height: 30px; position: absolute; width: 30px; } html:not(.dark) .loading-overlay .loader:after { -webkit-animation: animateLoaderAfterBlack 1s ease-in-out infinite; -moz-animation: animateLoaderAfterBlack 1s ease-in-out infinite; animation: animateLoaderAfterBlack 1s ease-in-out infinite; } body > .loading-overlay { position: fixed; z-index: 999999; } .portfolio-title { margin-bottom: -10px; } .portfolio-title a { display: inline-block; } .portfolio-title .fa { font-size: 2.5em; } .portfolio-title .portfolio-nav, .portfolio-title .portfolio-nav-all { margin-top: 11px; } .portfolio-title .portfolio-nav { text-align: right; } .portfolio-title .portfolio-nav a { width: 40%; } .portfolio-title .portfolio-nav-all .fa { font-size: 2.7em; } .portfolio-title .fa-angle-right { text-align: right; } .portfolio-title .portfolio-nav-prev { text-align: left; } .portfolio-info { margin: 2px 0 10px; float: right; } .portfolio-info ul { list-style: none; padding: 0; margin: 0; } .portfolio-info ul li { display: inline-block; border-right: 1px solid #e6e6e6; color: #b1b1b1; padding-right: 8px; margin-right: 8px; font-size: 0.9em; } .portfolio-info ul li:last-child { border-right: 0; padding-right: 0; margin-right: 0; } .portfolio-info ul li a { text-decoration: none; color: #b1b1b1; } .portfolio-info ul li a:hover .fa-heart { color: #e53f51; } .portfolio-info ul li .fa { margin-right: 4px; } ul.portfolio-list { list-style: none; margin: 0; padding: 0; } ul.portfolio-list .portfolio-item { margin-bottom: 35px; } ul.portfolio-details { list-style: none; padding: 0; margin: 45px 0 0 5px; font-size: 0.9em; } ul.portfolio-details > li { padding: 0; margin: 0 0 20px; } ul.portfolio-details p { padding: 0; margin: 0; } ul.portfolio-details blockquote { padding: 0 0 0 10px; margin: 15px 0 0; color: #999; } ul.portfolio-details .list-icons { margin-left: 0; } ul.portfolio-details .list-icons > li { padding-left: 18px; margin-right: 10px; } ul.portfolio-details .list-icons > li .fa { top: 7px; } @media (max-width: 991px) { .portfolio-nav, .portfolio-nav-all { display: none; } } ul.team-list { list-style: none; margin: 0; padding: 0; } ul.team-list .team-item { margin-bottom: 35px; } ul.team-list .team-item .thumb-info-social-icons { margin: 0 10px; } @media (max-width: 991px) { ul.team-list .team-item { margin: 0 auto 35px; max-width: 270px; } } ul.history { margin: 0 0 25px; padding: 0; list-style: none; } ul.history li { margin: 25px 0; padding: 0; clear: both; } ul.history li h4 { margin: 0 0 -27px 0; padding: 0; } ul.history li p { margin-left: 53px; } ul.history li .thumb { background: transparent url(Resources/img/history-thumb.png) no-repeat 0 0; width: 227px; height: 160px; margin: 0 0 30px; padding: 0; float: left; } ul.history li .thumb img { border-radius: 150px; margin: 7px 8px; width: 145px; height: 145px; } ul.history li .featured-box { text-align: left; margin-left: 225px; margin-bottom: 50px; min-height: 115px; } ul.history li .featured-box .box-content { border-top-color: #ccc; } @media (max-width: 479px) { ul.history li .thumb { display: none; } ul.history li .featured-box { margin-left: 0; } } .search-results { min-height: 300px; } .blog-posts article { border-bottom: 1px solid #ddd; margin-bottom: 50px; padding-bottom: 10px; } .blog-posts .pagination { margin: -10px 0 20px; } article.post h2 a { text-decoration: none; } article.post .post-meta { font-size: 0.9em; margin-bottom: 7px; } article.post .post-meta > span { display: inline-block; padding-right: 8px; } article.post .post-meta i, article.post .post-meta em { margin-right: 3px; } article.post .post-date { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); float: left; margin-right: 10px; text-align: center; } article.post .post-date .month { background: #ccc; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #fff; font-size: 0.9em; padding: 0 10px 2px; } article.post .post-date .day { background: #f4f4f4; border-radius: 2px 2px 0 0; color: #ccc; display: block; font-size: 16px; font-weight: 500; font-weight: bold; padding: 10px; } article.post .post-image .owl-carousel { width: 100.1%; } article .post-video { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 61%; } article .post-video iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto; } article .post-audio { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; padding: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; display: block; height: auto; position: relative; margin: 0 0 30px 0; padding-bottom: 25%; } article .post-audio iframe { bottom: 0; height: auto; left: 0; margin: 0; min-height: 100%; min-width: 100%; padding: 4px; position: absolute; right: 0; top: 0; width: auto; } article.post-medium .post-image .owl-carousel { width: 100.2%; } article.post-large { margin-left: 60px; } article.post-large h2 { margin-bottom: 5px; } article.post-large .post-image, article.post-large .post-date { margin-left: -60px; } article.post-large .post-image { margin-bottom: 15px; } article.post-large .post-image.single { margin-bottom: 30px; } article.post-large .post-video { margin-left: -60px; } article.post-large .post-audio { margin-left: -60px; } .single-post article { border-bottom: 0; margin-bottom: 0; } article.blog-single-post .post-meta { margin-bottom: 20px; } .post-block { border-top: 1px solid #ddd; margin: 15px 0 0 0; padding: 20px 0 15px 0; } .post-block h3 { font-size: 1.8em; font-weight: 200; margin: 0 0 20px; text-transform: none; } .post-block h3 i, .post-block h3 em { margin-right: 7px; } .post-author { margin: 15px 0 0 0; } .post-author img { max-height: 80px; max-width: 80px; } .post-author p { font-size: 0.9em; line-height: 22px; margin: 0; padding: 0; } .post-author p .name { font-size: 1.1em; } .post-author .img-thumbnail { display: inline-block; float: left; margin-right: 20px; } .post-share { margin: 55px 0 0 0; padding-bottom: 0; } .post-comments { margin-top: 45px; } ul.comments { list-style: none; margin: 0; padding: 0; } ul.comments li { clear: both; padding: 10px 0 0 115px; } ul.comments li img.avatar { height: 80px; width: 80px; } ul.comments li ul.reply { margin: 0; } ul.comments li a { text-decoration: none; } ul.comments li .img-thumbnail { margin-left: -115px; position: absolute; } ul.comments li .comment { margin-bottom: 10px; } ul.comments .comment-arrow { border-bottom: 15px solid transparent; border-right: 15px solid #f4f4f4; border-top: 15px solid transparent; height: 0; left: -15px; position: absolute; top: 28px; width: 0; } ul.comments .comment-block { background: #f4f4f4; border-radius: 5px; padding: 20px 20px 30px; position: relative; } ul.comments .comment-block p { font-size: 0.9em; line-height: 21px; margin: 0; padding: 0; } ul.comments .comment-block .comment-by { display: block; font-size: 1em; line-height: 21px; margin: 0; padding: 0 0 5px 0; } ul.comments .comment-block .date { color: #999; font-size: 0.9em; } .post-leave-comment { margin-top: 25px; padding-top: 45px; } .post-leave-comment h3 { margin: 0 0 40px; } .recent-posts h4 { margin-bottom: 7px; } .recent-posts article.recent-post h4 { margin: 0 0 3px 0; } .recent-posts article.recent-post h4 a { display: block; } .recent-posts .date { float: left; margin-right: 10px; margin-top: 8px; text-align: center; } .recent-posts .date .month { background: #ccc; border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #fff; font-size: 0.9em; padding: 0 10px 2px; } .recent-posts .date .day { background: #f7f7f7; color: #ccc; display: block; font-size: 18px; font-weight: 500; font-weight: bold; padding: 8px; } section.section .recent-posts .date .day { background: #fff; } ul.simple-post-list { list-style: none; margin: 0; padding: 0; } ul.simple-post-list li { border-bottom: 1px dotted #e2e2e2; padding: 15px 0; } ul.simple-post-list li:before, ul.simple-post-list li:after { content: " "; display: table; } ul.simple-post-list li:after { clear: both; } ul.simple-post-list li:last-child { border-bottom: 0; } ul.simple-post-list .post-image { float: left; margin-right: 12px; } ul.simple-post-list .post-meta { color: #888; font-size: 0.8em; } @media (max-width: 479px) { ul.comments li { border-left: 8px solid #ddd; clear: both; padding: 0 0 0 10px; } ul.comments li .img-thumbnail { display: none; } ul.comments .comment-arrow { display: none; } } @font-face { font-family: "star"; src: url("Resources/fonts/star.eot"); src: url("Resources/fonts/star.eot?#iefix") format("embedded-opentype"), url("Resources/fonts/star.woff") format("woff"), url("Resources/fonts/star.ttf") format("truetype"), url("Resources/fonts/star.svg#star") format("svg"); font-weight: normal; font-style: normal; } header nav.mega-menu .mega-menu-shop { margin-right: -20px; padding-left: 0; margin-left: 0; } header nav.mega-menu .mega-menu-shop a { color: #444; } header nav.mega-menu .mega-menu-shop table { width: 100%; margin-top: 0; } header nav.mega-menu .mega-menu-shop .dropdown-menu { width: 40%; right: 8px; border-radius: 6px 0 6px 6px; } header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a { background-color: transparent !important; color: #333; padding: 0; margin: 0; display: block; } header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a.remove { float: right; } header nav.mega-menu .mega-menu-shop .dropdown-menu li table tr td a:hover { text-decoration: none; } header nav.mega-menu .mega-menu-shop .fa-shopping-cart { margin-right: 5px; } header nav.mega-menu .mega-menu-shop .product-thumbnail { width: 120px; } header nav.mega-menu .mega-menu-shop .product-actions { text-align: right; width: 80px; } header nav.mega-menu .mega-menu-shop .actions-continue { margin-top: 10px; padding-top: 20px; border-top: 1px solid #ddd; clear: both; } .shop { margin-top: -10px; } .shop ul.products { margin: 0; padding: 25px 0; list-style: none; } .shop ul.products:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .shop ul.products .product { position: relative; margin-bottom: 30px; } .shop ul.products .product a { text-decoration: none; } .shop ul.products .product .add-to-cart-product { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: absolute; top: 0; left: 0; border-radius: 6px 6px 0 0; padding: 8px 10px 5px; font-size: 0.9em; color: #fff; background: #222; z-index: 1; filter: alpha(opacity=0); opacity: 0; -webkit-transform: translate3d(0, 0, 0); } .shop ul.products .product .add-to-cart-product .fa { margin-right: 3px; font-size: 1.1em; } .shop ul.products .product:hover .add-to-cart-product { filter: alpha(opacity=100); opacity: 1; } .shop ul.products .product:hover .add-to-cart-product:hover { background: #000; } .shop ul.products .product .price { display: block; min-height: 28px; } .shop ul.products .product .price del { color: rgba(145, 145, 145, 0.5); font-size: 0.7em; margin: -2px 0 0; } .shop ul.products .product .price ins { text-decoration: none; } .shop ul.products .product .price .amount { font-size: 1.3em; } .shop ul.products .product .onsale { position: absolute; background-image: none; border-radius: 100%; left: auto; right: 0; top: -15px; text-shadow: none; width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; z-index: 10; box-shadow: none; font-size: 0.9em; color: #fff; border-bottom: 2px solid transparent; } .product-info { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px; padding: 0; position: relative; border: 1px solid #ddd; background: #f7f9fc; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; padding: 0; text-decoration: none; } .product-info:hover { background-color: #fff; text-decoration: none; } .product-info a { text-decoration: none; display: inline-block; width: 100%; } .product-info a:hover { text-decoration: none; display: inline-block; width: 100%; } .product-info img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px 6px 0 0; } .product-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0; } .product-info + .product-info { border-radius: 0 0 6px 6px; margin-top: -5px; } .product-info .product-info-image { display: block; position: relative; } .product-info .product-info-image:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #333; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; border-radius: 6px 6px 0 0; } .product-info:hover .product-info-image:before { filter: alpha(opacity=80); opacity: 0.8; } .product-info .product-info-act { position: absolute; top: 50%; left: 0; right: 0; text-align: center; color: #fff; } .product-info .product-info-act em { font-style: normal; position: relative; font-size: 1.2em; font-weight: 100; } .product-info .product-info-act-left, .product-info .product-info-act-right { float: left; overflow: hidden; } .product-info .product-info-act-left { text-align: right; width: 45%; } .product-info .product-info-act-left em { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; left: 0%; filter: alpha(opacity=0); opacity: 0; } .product-info .product-info-act-right { text-align: left; margin-left: 2%; width: 53%; } .product-info .product-info-act-right em { -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; right: 0%; font-weight: 600; filter: alpha(opacity=0); opacity: 0; } .product-info:hover .product-info-act-left em { filter: alpha(opacity=100); opacity: 1; } .product-info:hover .product-info-act-right em { filter: alpha(opacity=100); opacity: 1; } .product-info .product-info-content { padding: 15px; text-align: left; display: block; } .product-info .product-info-caption { padding: 0 15px 15px; text-align: left; display: block; } .product-info .product-info-caption p { margin: 0; padding: 0 0 10px; } .product-info .product-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #ebebf4; display: block; } .product-info .product-info-extra.social { text-align: center; } .product-info .product-info-extra.social a { border-right: 1px solid #ebebf4; display: inline-block; margin-right: 10px; padding-right: 10px; font-size: 0.9em; color: #acacac; width: auto; } .product-info .product-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0; } .product-info .date { color: #9aa1ab; font-size: 0.9em; } .product-info.secondary .product-info-content { text-align: center; } .product-info.secondary .product-info-content h4 { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; color: #fff; position: relative; top: -25%; filter: alpha(opacity=0); opacity: 0; } .product-info.secondary .product-info-content .date { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; position: relative; top: 25%; display: block; filter: alpha(opacity=0); opacity: 0; } .product-info.secondary .product-info-act { top: 30%; } .product-info.secondary .label { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; clear: both; display: inline-block; margin-top: 15px; filter: alpha(opacity=0); opacity: 0; } .product-info.secondary:hover .label { filter: alpha(opacity=100); opacity: 1; } .product-info.secondary:hover .product-info-content h4 { top: 0; filter: alpha(opacity=100); opacity: 1; } .product-info.secondary:hover .product-info-content .date { top: 0; filter: alpha(opacity=100); opacity: 1; } .shop .review_num { margin-right: 10px; float: left; position: relative; top: -1px; } .shop .star-rating { float: none; position: relative; top: 2px; font-family: "star"; font-size: 1em; height: 1.2em; line-height: 1em; overflow: hidden; position: relative; width: 5.4em; margin-bottom: 25px; } .shop .star-rating:before { color: #e0dadf; content: "SSSSS"; float: left; left: 0; position: absolute; top: 0; } .shop .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; } .shop .star-rating span:before { content: "SSSSS"; left: 0; position: absolute; top: 0; } .shop .summary .price { color: #444; font-size: 2em; letter-spacing: -1px; line-height: 30px; margin-top: 20px; } .shop .quantity { margin: 0 15px 25px 0; overflow: hidden; position: relative; width: 125px; height: 35px; float: left; } .shop .quantity .minus { background: #f4f4f4; border: 1px solid #c8bfc6; border-radius: 2px; box-shadow: none; color: #5e5e5e; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: text-top; width: 35px; } .shop .quantity .plus { background: #f4f4f4; border: 1px solid #c8bfc6; border-radius: 2px; box-shadow: none; color: #5e5e5e; cursor: pointer; display: block; font-size: 12px; font-weight: bold; height: 35px; line-height: 13px; margin: 0; overflow: visible; outline: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); vertical-align: text-top; width: 35px; right: 0; top: 0; } .shop .quantity .qty { border: 1px solid #ccc; box-shadow: none; float: left; height: 35px; padding: 0 39px; text-align: center; width: 125px; font-size: 1em; } .shop .quantity .qty::-webkit-inner-spin-button, .shop .quantity .qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .shop .quantity .qty::-ms-clear { display: none; } .shop .product_meta { clear: both; } .shop .tabs-product { margin-top: 35px; } .shop ul.comments .comment-arrow { border-right-color: #f5f7f7; } .shop ul.comments .comment-block { background: #f5f7f7; } .shop table.cart { width: 100%; margin: 0; text-align: left; } .shop table.cart img { height: auto; width: 55px; } .shop table.cart th { padding: 8px 10px; } .shop table.cart td { border-top: 1px solid #dcdcdc; padding: 8px 10px; } .shop table.cart td.actions { padding: 20px 10px; } .shop table.cart .remove .fa { font-size: 1.5em; } .shop table.cart .coupon { float: left; } .shop table.cart .product-remove { width: 1%; } .shop table.cart .product-thumbnail { width: 7%; } .shop table.cart .product-name { width: 60%; } .shop table.cart .quantity { top: 10px; position: relative; } .shop .actions-continue { float: right; } .shop .cart-totals { width: 100%; } .shop .cart-totals th, .shop .cart-totals td { border-top: 1px solid #dcdcdc; padding: 8px 10px; } .shop .cart-totals tr.total .amount { font-size: 2em; display: block; padding-top: 10px; } .shop ul.simple-post-list li { border: 0; } .product-thumb-info { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px; padding: 0; position: relative; border: 0; border-bottom: 3px solid #e3e4e8; background: #f7f9fc; display: block; overflow: hidden; position: relative; text-decoration: none; max-width: 100%; text-align: center; border: 1px solid #ddd; text-decoration: none; } .product-thumb-info:hover { background-color: #fff; text-decoration: none; } .product-thumb-info a { text-decoration: none; display: inline-block; width: 100%; } .product-thumb-info a:hover { text-decoration: none; display: inline-block; width: 100%; } .product-thumb-info img { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; border-radius: 6px 6px 0 0; } .product-thumb-info h4 { color: #404751; letter-spacing: -1px; font-weight: 600; font-size: 1.4em; line-height: 1.1em; margin: 0; padding: 0; } .product-thumb-info + .product-thumb-info { border-radius: 0 0 6px 6px; margin-top: -5px; } .product-thumb-info .product-thumb-info-touch-hover { position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; display: none; background-color: transparent; } .product-thumb-info.hover .product-thumb-info-touch-hover { display: block; } .product-thumb-info .product-thumb-info-image { display: block; position: relative; } .product-thumb-info .product-thumb-info-image:before { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #171717; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; border-radius: 6px 6px 0 0; } .product-thumb-info:hover .product-thumb-info-image:before { filter: alpha(opacity=80); opacity: 0.8; } .product-thumb-info .product-thumb-info-act { position: absolute; top: 40%; left: 0; right: 0; text-align: center; color: #fff; filter: alpha(opacity=0); opacity: 0; } .product-thumb-info:hover .product-thumb-info-act { filter: alpha(opacity=100); opacity: 1; top: 50%; } .product-thumb-info .product-thumb-info-act em { font-style: normal; } .product-thumb-info .product-thumb-info-content { padding: 15px; text-align: left; display: block; } .product-thumb-info .product-thumb-info-caption { padding: 0 15px 15px; text-align: left; display: block; } .product-thumb-info .product-thumb-info-caption p { margin: 0; padding: 0 0 10px; } .product-thumb-info .product-thumb-info-extra { clear: both; padding: 10px 0 0; margin: 10px 0 0; border-top: 1px solid #ebebf4; display: block; } .product-thumb-info .product-thumb-info-extra.social a:last-child { border-right: 0; margin-right: 0; padding-right: 0; } .full-width .product-thumb-info .product-thumb-info-image:before { border-radius: 0; } @media (max-width: 991px) { .shop .actions-continue { float: none; } .shop table.cart th.product-price, .shop table.cart td.product-price, .shop table.cart th.product-quantity, .shop table.cart td.product-quantity { display: none; } header nav.mega-menu .mega-menu-shop a { color: #fff; } header nav.mega-menu .mega-menu-shop a .fa-caret-down { display: none !important; } header nav.mega-menu .mega-menu-shop > ul.dropdown-menu { display: none !important; } } .appear-animation { opacity: 0; } .appear-animation-visible { opacity: 1; } .animated, .appear-animation { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } @-moz-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @-o-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @-moz-keyframes shake { 0%, 100% { -moz-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -moz-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -moz-transform: translateX(10px); } } @-o-keyframes shake { 0%, 100% { -o-transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { -o-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -o-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); opacity: 1; } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); opacity: 1; } 40% { -webkit-transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); } } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); opacity: 1; } 40% { -moz-transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); } } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -o-transform: translateY(0); opacity: 1; } 40% { -o-transform: translateY(-30px); } 60% { -o-transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0); opacity: 1; } 40% { transform: translateY(-30px); } 60% { transform: translateY(-15px); } } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); opacity: 1; } } @-moz-keyframes tada { 0% { -moz-transform: scale(1); } 10%, 20% { -moz-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -moz-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -moz-transform: scale(1.1) rotate(-3deg); } 100% { -moz-transform: scale(1) rotate(0); opacity: 1; } } @-o-keyframes tada { 0% { -o-transform: scale(1); } 10%, 20% { -o-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -o-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -o-transform: scale(1.1) rotate(-3deg); } 100% { -o-transform: scale(1) rotate(0); opacity: 1; } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); opacity: 1; } } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); opacity: 1; } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); opacity: 1; } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); opacity: 1; } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); opacity: 1; } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); opacity: 1; } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); opacity: 1; } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); opacity: 1; } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); opacity: 1; } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); opacity: 1; } } @-moz-keyframes wiggle { 0% { -moz-transform: skewX(9deg); } 10% { -moz-transform: skewX(-8deg); } 20% { -moz-transform: skewX(7deg); } 30% { -moz-transform: skewX(-6deg); } 40% { -moz-transform: skewX(5deg); } 50% { -moz-transform: skewX(-4deg); } 60% { -moz-transform: skewX(3deg); } 70% { -moz-transform: skewX(-2deg); } 80% { -moz-transform: skewX(1deg); } 90% { -moz-transform: skewX(0deg); } 100% { -moz-transform: skewX(0deg); opacity: 1; } } @-o-keyframes wiggle { 0% { -o-transform: skewX(9deg); } 10% { -o-transform: skewX(-8deg); } 20% { -o-transform: skewX(7deg); } 30% { -o-transform: skewX(-6deg); } 40% { -o-transform: skewX(5deg); } 50% { -o-transform: skewX(-4deg); } 60% { -o-transform: skewX(3deg); } 70% { -o-transform: skewX(-2deg); } 80% { -o-transform: skewX(1deg); } 90% { -o-transform: skewX(0deg); } 100% { -o-transform: skewX(0deg); opacity: 1; } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); opacity: 1; } } .wiggle { -webkit-animation-name: wiggle; -moz-animation-name: wiggle; -o-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); opacity: 1; } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(0.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(0.9); } 100% { -moz-transform: scale(1); opacity: 1; } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(0.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(0.9); } 100% { -o-transform: scale(1); opacity: 1; } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); opacity: 1; } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); opacity: 1; } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); opacity: 1; } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); opacity: 1; } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); opacity: 1; } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); opacity: 1; } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); opacity: 1; } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } div.body *, html .scroll-to-top, .ui-dialog-titlebar-close, .lightbox-opened .mfp-wrap * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .Normal, .NormalDisabled, .NormalDeleted { color: #777; font-family: "Open Sans", Arial, sans-serif; font-size: inherit; line-height: 22px; } .language { float: right; margin: 10px 0 0 0; padding: 0; } .language .language-object span { float: right; padding: 5px 8px; margin: 0 0 0 5px; border-radius: 100%; box-shadow: 1px 1px 1px 0 rgba(0, 0, 0, 0.1); -moz-border-radius: 100%; -webkit-border-radius: 100%; background-color: #fff; } .language .language-object span img { height: 12px; width: 17px; opacity: 0.4; } .language .language-object span:hover img { opacity: 1; } .language .language-object .Language.selected img { opacity: 1; border-color: #222; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.8); } header.colored.flat-menu.darken-top-border div.search, header.clean-top.center div.search { margin-bottom: 0; } #login { float: right; margin: 10px 0 0 0; } #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup * { display: block; } #login .registerGroup, #login .loginGroup { float: left; padding: 0; margin: 0; } #login .loginGroup { margin-left: 20px; } #login .registerGroup li:first-child:hover { border-left: #222; } #login .registerGroup li { float: left; } #login .registerGroup .buttonGroup { margin: 0; padding: 0 0 0 10px; } #login .registerGroup a, #login .loginGroup a, #login a.SkinObject, #login a.LoginLink { position: relative; font-size: 11px; text-transform: uppercase; font-weight: bold; } #login .registerGroup a { line-height: 16px; height: 32px; padding: 10px 0; font-weight: bold; margin-left: 10px; } #login a.SkinObject, #login a.LoginLink { padding: 7px 0; } #login .userMessages a:hover, #login .userNotifications a:hover { background: #eee; } #login .userDisplayName a:hover, #login .loginGroup a:hover { color: #000; } .dark #login .userDisplayName a:hover, .dark #login .loginGroup a:hover { color: #fff; } #login .registerGroup a:hover, #login .loginGroup a:hover { text-decoration: none; } #login .registerGroup a strong, #login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px; } #login .userMessages a, #login .userNotifications a { background-color: #fff; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); padding-left: 16px; padding-right: 16px; } #login .userProfileImg img, #login .registerGroup a, #login .loginGroup a, #login a.SkinObject, #login a.LoginLink { border-radius: 20px; } #login .userMessages strong { height: 100%; background: url("Resources/img/icon_message.png") no-repeat center center; } #login .userNotifications strong { height: 100%; background: url("Resources/img/icon_notification.png") no-repeat center center; } #login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: #3b96b6; text-align: center; font-size: 11px; color: #fff; text-shadow: 0 1px 0 #333; } #login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } #login .registerGroup a img { height: 32px; width: 32px; background: #333; } #login .userMessages a span, #login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0; background-color: transparent; font-size: 10px; } .layout_trigger { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: -2; background-size: cover; } .dnnCheckbox .mark { padding: 0; background-color: transparent; } .body .dnnSortable { min-height: 0 !important; } .body .dnnDropEmptyPanes { min-height: 110px !important; outline: 1px dashed #ccc !important; } .body ul.dnnAdminTabNav, .body ul.dnnActions, #dnnModuleDigitalAssetsBreadcrumb ul { padding-left: 0; } .body ul.dnnAdminTabNav li { line-height: normal; } header.flat-menu.clean-top div.social-icons, header.colored.flat-menu div.social-icons, header.clean-top.center div.social-icons { float: left; margin: 0; clear: none; } #ControlBar, div.body .mdMemberList *, div.body .dnnDocumentViewerBackground *, div.body .dnnDropDownList .selected-item a, .dnnDocumentViewerBackground div, #dnnModuleDigitalAssetsMainToolbar, #dnnModuleDigitalAssetsSelectionToolbar { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .icon-search { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; } .DnnModule { z-index: inherit !important; } .console { width: 250px; height: auto; background-color: #484848; } .console-none div { cursor: pointer; cursor: hand; float: left; height: auto; width: 250px; padding: 0; margin: 0; text-align: left; } .console-none h3 { padding: 10px 8px 10px 40px; margin: 0; border-bottom: solid 1px #fff; background: url("Resources/img/arrow_2.png") 18px center no-repeat; color: #eee; font-size: 13px; line-height: 1; font-weight: bold; } .console-none div div { display: none; } .console-mouseon { background-color: #70b1c7; } #UserProfileImg img { width: 100px; height: auto; border: solid 3px #fff; } .UserProfileControls ul { margin: 15px 0; padding: 0; } .UserProfileControls ul li { list-style-type: none; margin-bottom: 3px; } blockquote p { font-style: normal; font-family: "Open Sans", Arial, sans-serif; } .dnnEditState .DnnModule { opacity: 1; } .DNNEmptyPane { width: auto; } .dnnFormMessage { max-width: 100%; } .btn-primary:visited, .btn-primary:visited:hover { color: #fff; } @media only screen and (min-width: 0) and (max-width: 479px) { .LoginPanel { width: 100%; padding: 0; } .dnnLoginService input[type="text"], .dnnLoginService input[type="password"] { min-width: 100%; width: 100%; } .dnnFormItem > label.dnnFormLabel, .dnnLabel { width: auto; } div.dnnRegistrationForm { min-width: 100%; width: 100%; } .dnnFormItem input[type="text"], .dnnFormItem input[type="password"], .dnnFormItem input[type="email"], .dnnFormItem input[type="tel"], .dnnFormItem select, .dnnFormItem textarea { max-width: 100%; width: 100%; } .dnnFormMessage { max-width: 100%; } div.dnnRegistrationForm .dnnForm { width: 100%; } } .btn-danger:visited { color: #fff; } footer .container .row > div { margin-bottom: 0 !important; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { min-height: 0; } blockquote cite { display: inline; color: #777; font-size: inherit; } header div.search input.NormalTextBox:first-child { -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; width: 170px; font-size: 0.9em; padding: 6px 32px 6px 12px; height: 34px; -moz-transition: all 0.2s ease-in 0.2s; -o-transition: all 0.2s ease-in 0.2s; -webkit-transition: all 0.2s ease-in 0.2s; transition: all 0.2s ease-in 0.2s; } header div.search input.NormalTextBox:focus { width: 220px; border-color: #ccc; outline: none; } header div.search input.NormalTextBox { display: block; float: left; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } header .icon-search { border: 0; background: transparent; position: absolute; top: 0; right: 0; color: #ccc; padding: 10px; text-decoration: none; } ul, ol { margin-left: 0; margin-right: 0; padding-left: 40px; } li p { line-height: 24px; } header .header-top.header-top-style-2 .social-icons { margin-top: 7px; float: left; } .ModConsoleC .console { width: auto; background-color: transparent; } .ModConsoleC .console-mouseon { background-color: #ebedf0; } @media (max-width: 991px) { header nav ul.nav-main li a i.fa-caret-down, header nav ul.nav-main li a em.fa-caret-down, header nav ul.nav-main .dropdown-submenu i.fa-caret-down, header nav ul.nav-main .dropdown-submenu em.fa-caret-down { font-size: 25px; } header .header-top { display: block; } header.clean-top .header-top { border-bottom: 1px solid #ededed; background-color: #f4f4f4; margin-top: -8px; } header div.search { display: none; } /*header .social-icons{margin-top:13px}*/ header nav ul.nav-main li.mega-menu-item.opened ul.dropdown-menu > li > a { color: #fff; background-color: #00529c !important; padding: 0 25px 16px 0 !important; font-family: "Fira Sans Condensed", sans-serif; font-size: 1.3em; font-weight: 100; } } footer .copyright a { margin-left: 5px; margin-right: 5px; } footer .copyright span { margin-right: 5px; } .icon { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-map-marker:before { content: ""; } .icon-phone:before { content: "ï‚•"; } .icon-envelope:before { content: "ïƒ "; } .custom-underline { background: url(Resources/img/custom-underline.png) no-repeat center 100%; padding-bottom: 25px; font-size: 1.5em; } .feature-box-icon i.fa.text-color-primary { line-height: 32px; } p .font-size-sm { font-size: 0.9em !important; } .center .font-size-md { font-size: 1em !important; } @media (min-width: 992px) { .mockup-landing-page { margin-top: -120px; } } section.section.section-with-mockup { margin-top: 120px; } .semi-bold { font-weight: 600; } @font-face { font-family: "Simple-Line-Icons"; src: url("Resources/fonts/Simple-Line-Icons.eot"); src: url("Resources/fonts/Simple-Line-Icons.eot?#iefix") format("embedded-opentype"), url("Resources/fonts/Simple-Line-Icons.woff") format("woff"), url("Resources/fonts/Simple-Line-Icons.ttf") format("truetype"), url("Resources/fonts/Simple-Line-Icons.svg#Simple-Line-Icons") format("svg"); font-weight: normal; font-style: normal; } [data-icon]:before { font-family: "Simple-Line-Icons"; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-moustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-emoticon-smile, .icon-disc, .icon-cursor-move, .icon-crop, .icon-credit-card, .icon-chemistry, .icon-user, .icon-speedometer, .icon-social-youtube, .icon-social-twitter, .icon-social-tumblr, .icon-social-facebook, .icon-social-dropbox, .icon-social-dribbble, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglasses, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-map, .icon-layers, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-frame, .icon-folder-alt, .icon-film, .icon-feed, .icon-earphones-alt, .icon-earphones, .icon-drop, .icon-drawer, .icon-docs, .icon-directions, .icon-direction, .icon-diamond, .icon-cup, .icon-compass, .icon-call-out, .icon-call-in, .icon-call-end, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-music-tone-alt, .icon-music-tone, .icon-microphone, .icon-loop, .icon-logout, .icon-login, .icon-list, .icon-like, .icon-home, .icon-grid, .icon-graph, .icon-equalizer, .icon-dislike, .icon-cursor, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-calendar, .icon-bulb, .icon-bar-chart, .icon-arrow-up, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-ban, .icon-bubble, .icon-camcorder, .icon-camera, .icon-check, .icon-clock, .icon-close, .icon-cloud-download, .icon-cloud-upload, .icon-doc, .icon-envelope, .icon-eye, .icon-flag, .icon-folder, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-plus, .icon-pointer, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-users { font-family: "Simple-Line-Icons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-user-female:before { content: ""; } .icon-user-follow:before { content: ""; } .icon-user-following:before { content: ""; } .icon-user-unfollow:before { content: ""; } .icon-trophy:before { content: ""; } .icon-screen-smartphone:before { content: ""; } .icon-screen-desktop:before { content: ""; } .icon-plane:before { content: ""; } .icon-notebook:before { content: ""; } .icon-moustache:before { content: ""; } .icon-mouse:before { content: ""; } .icon-magnet:before { content: ""; } .icon-energy:before { content: "î€ "; } .icon-emoticon-smile:before { content: ""; } .icon-disc:before { content: ""; } .icon-cursor-move:before { content: ""; } .icon-crop:before { content: ""; } .icon-credit-card:before { content: ""; } .icon-chemistry:before { content: ""; } .icon-user:before { content: ""; } .icon-speedometer:before { content: ""; } .icon-social-youtube:before { content: ""; } .icon-social-twitter:before { content: ""; } .icon-social-tumblr:before { content: ""; } .icon-social-facebook:before { content: ""; } .icon-social-dropbox:before { content: ""; } .icon-social-dribbble:before { content: ""; } .icon-shield:before { content: ""; } .icon-screen-tablet:before { content: ""; } .icon-magic-wand:before { content: ""; } .icon-hourglass:before { content: ""; } .icon-graduation:before { content: ""; } .icon-ghost:before { content: ""; } .icon-game-controller:before { content: ""; } .icon-fire:before { content: ""; } .icon-eyeglasses:before { content: ""; } .icon-envelope-open:before { content: ""; } .icon-envelope-letter:before { content: ""; } .icon-bell:before { content: ""; } .icon-badge:before { content: ""; } .icon-anchor:before { content: ""; } .icon-wallet:before { content: ""; } .icon-vector:before { content: ""; } .icon-speech:before { content: ""; } .icon-puzzle:before { content: ""; } .icon-printer:before { content: ""; } .icon-present:before { content: ""; } .icon-playlist:before { content: ""; } .icon-pin:before { content: ""; } .icon-picture:before { content: ""; } .icon-map:before { content: ""; } .icon-layers:before { content: ""; } .icon-handbag:before { content: ""; } .icon-globe-alt:before { content: ""; } .icon-globe:before { content: ""; } .icon-frame:before { content: ""; } .icon-folder-alt:before { content: ""; } .icon-film:before { content: ""; } .icon-feed:before { content: ""; } .icon-earphones-alt:before { content: ""; } .icon-earphones:before { content: ""; } .icon-drop:before { content: ""; } .icon-drawer:before { content: ""; } .icon-docs:before { content: ""; } .icon-directions:before { content: ""; } .icon-direction:before { content: ""; } .icon-diamond:before { content: ""; } .icon-cup:before { content: ""; } .icon-compass:before { content: ""; } .icon-call-out:before { content: ""; } .icon-call-in:before { content: ""; } .icon-call-end:before { content: ""; } .icon-calculator:before { content: ""; } .icon-bubbles:before { content: ""; } .icon-briefcase:before { content: ""; } .icon-book-open:before { content: ""; } .icon-basket-loaded:before { content: ""; } .icon-basket:before { content: ""; } .icon-bag:before { content: ""; } .icon-action-undo:before { content: ""; } .icon-action-redo:before { content: ""; } .icon-wrench:before { content: ""; } .icon-umbrella:before { content: ""; } .icon-trash:before { content: ""; } .icon-tag:before { content: ""; } .icon-support:before { content: ""; } .icon-size-fullscreen:before { content: ""; } .icon-size-actual:before { content: ""; } .icon-shuffle:before { content: ""; } .icon-share-alt:before { content: ""; } .icon-share:before { content: ""; } .icon-rocket:before { content: ""; } .icon-question:before { content: ""; } .icon-pie-chart:before { content: ""; } .icon-pencil:before { content: ""; } .icon-note:before { content: "î "; } .icon-music-tone-alt:before { content: ""; } .icon-music-tone:before { content: ""; } .icon-microphone:before { content: ""; } .icon-loop:before { content: ""; } .icon-logout:before { content: ""; } .icon-login:before { content: ""; } .icon-list:before { content: ""; } .icon-like:before { content: ""; } .icon-home:before { content: ""; } .icon-grid:before { content: ""; } .icon-graph:before { content: ""; } .icon-equalizer:before { content: ""; } .icon-dislike:before { content: ""; } .icon-cursor:before { content: ""; } .icon-control-start:before { content: ""; } .icon-control-rewind:before { content: ""; } .icon-control-play:before { content: ""; } .icon-control-pause:before { content: ""; } .icon-control-forward:before { content: ""; } .icon-control-end:before { content: ""; } .icon-calendar:before { content: ""; } .icon-bulb:before { content: ""; } .icon-bar-chart:before { content: ""; } .icon-arrow-up:before { content: ""; } .icon-arrow-right:before { content: ""; } .icon-arrow-left:before { content: ""; } .icon-arrow-down:before { content: ""; } .icon-ban:before { content: ""; } .icon-bubble:before { content: ""; } .icon-camcorder:before { content: ""; } .icon-camera:before { content: ""; } .icon-check:before { content: "î‚€"; } .icon-clock:before { content: ""; } .icon-close:before { content: "î‚‚"; } .icon-cloud-download:before { content: ""; } .icon-cloud-upload:before { content: "î‚„"; } .icon-doc:before { content: "î‚…"; } .icon-envelope:before { content: ""; } .icon-eye:before { content: ""; } .icon-flag:before { content: ""; } .icon-folder:before { content: ""; } .icon-heart:before { content: "î‚Š"; } .icon-info:before { content: "î‚‹"; } .icon-key:before { content: "î‚Œ"; } .icon-link:before { content: ""; } .icon-lock:before { content: "î‚Ž"; } .icon-lock-open:before { content: ""; } .icon-magnifier:before { content: ""; } .icon-magnifier-add:before { content: "î‚‘"; } .icon-magnifier-remove:before { content: "î‚’"; } .icon-paper-clip:before { content: "î‚“"; } .icon-paper-plane:before { content: "î‚”"; } .icon-plus:before { content: "î‚•"; } .icon-pointer:before { content: "î‚–"; } .icon-power:before { content: "î‚—"; } .icon-refresh:before { content: ""; } .icon-reload:before { content: "î‚™"; } .icon-settings:before { content: "î‚š"; } .icon-star:before { content: "î‚›"; } .icon-symbol-female:before { content: "î‚œ"; } .icon-symbol-male:before { content: ""; } .icon-target:before { content: "î‚ž"; } .icon-volume-1:before { content: "î‚Ÿ"; } .icon-volume-2:before { content: "î‚ "; } .icon-volume-off:before { content: "î‚¡"; } .icon-users:before { content: ""; } .fc-slideshow { position: relative; width: 338px; height: 338px; border-radius: 50%; margin: 0 auto; -webkit-perspective: 1200px; -moz-perspective: 1200px; perspective: 1200px; top: 6px; } .fc-slideshow nav { top: 0; height: 100%; width: 100%; position: absolute; z-index: 10000; display: none; } .fc-slideshow nav > div { position: absolute; height: 100%; top: 0; width: 50%; } .fc-slideshow nav .fc-left { left: 0; } .fc-slideshow nav .fc-right { right: 0; } .fc-slideshow nav > div span { height: 33%; width: 100%; position: absolute; left: 0; } .fc-slideshow nav > div span:first-child { top: 0; } .fc-slideshow nav > div span:nth-child(2) { top: 33%; } .fc-slideshow nav > div span:nth-child(3) { top: 66%; } .fc-slideshow nav i, .no-csstransforms3d .fc-slideshow nav > div span { position: absolute; width: 100%; height: 40px; top: 50%; margin-top: -20px; pointer-events: none; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.2s ease; -moz-backface-visibility: hidden; -moz-transition: all 0.2s ease; backface-visibility: hidden; transition: all 0.2s ease; } .no-csstransforms3d .fc-slideshow nav > div span { z-index: 1000; width: 40px; background: rgba(0, 0, 0, 0); } .no-csstransforms3d .fc-slideshow nav .fc-left span { left: -80px; } .no-csstransforms3d .fc-slideshow nav .fc-right span { right: -80px; left: auto; } .no-csstransforms3d .fc-slideshow nav i, .no-csstransforms3d .fc-slideshow nav em { width: 40px; cursor: pointer; } .fc-slideshow nav .fc-left i, .fc-slideshow nav .fc-left em { -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; transform-origin: 100% 50%; text-align: left; } .fc-slideshow nav .fc-right i, .fc-slideshow nav .fc-right em { -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; transform-origin: 0% 50%; text-align: right; } .csstransforms3d .fc-slideshow nav > div span:hover ~ i, .csstransforms3d .fc-slideshow nav > div span:hover ~ em, .no-csstransforms3d .fc-slideshow nav i, .no-csstransforms3d .fc-slideshow nav em, .no-csstransforms3d .fc-slideshow nav > div span { opacity: 1; } .csstransforms3d .fc-slideshow nav > div span:nth-child(2):hover ~ i, .csstransforms3d .fc-slideshow nav > div span:nth-child(2):hover ~ em { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); transform: rotate(0deg); } .csstransforms3d .fc-slideshow nav > .fc-left span:first-child:hover ~ i, .csstransforms3d .fc-slideshow nav > .fc-left span:first-child:hover ~ em, .csstransforms3d .fc-slideshow nav > .fc-right span:nth-child(3):hover ~ i, .csstransforms3d .fc-slideshow nav > .fc-right span:nth-child(3):hover ~ em { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .csstransforms3d .fc-slideshow nav > .fc-right span:first-child:hover ~ i, .csstransforms3d .fc-slideshow nav > .fc-right span:first-child:hover ~ em, .csstransforms3d .fc-slideshow nav > .fc-left span:nth-child(3):hover ~ i, .csstransforms3d .fc-slideshow nav > .fc-left span:nth-child(3):hover ~ em { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); } ul.fc-slides { list-style: none; margin: 0; padding: 0; } ul.fc-slides li { display: none; } .no-js ul.fc-slides li { display: block; } .fc-flip { width: 100%; height: 100%; border-radius: 50%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .fc-flip div { width: 100%; height: 100%; position: absolute; border-radius: 50%; top: 0; left: 0; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .fc-flip .fc-back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); } .fc-slideshow img { border-radius: 50%; } .fc-slideshow h3 { position: absolute; color: #fff; top: 50%; margin-top: 30px; line-height: 50px; height: 50px; left: 80px; right: 80px; background: #ff514c; font-size: 22px; text-transform: uppercase; letter-spacing: 2px; text-align: center; border-radius: 20% 10% 50% 5%/25% 10% 30% 75%; } .fc-overlay-light, .fc-overlay-dark { opacity: 0; } .fc-overlay-light { background: rgba(255, 255, 255, 1); } .fc-overlay-dark { background: rgba(0, 0, 0, 1); } .no-js .fc-slideshow { height: auto; box-shadow: none; } .no-js .fc-slideshow h3 { position: relative; width: auto; height: auto; left: auto; right: auto; top: auto; margin: 5px; }