Line 2: | Line 2: | ||
<style> | <style> | ||
+ | /* =================================================================== */ | ||
+ | /* PAGE-WRAPPER | ||
+ | /* =================================================================== */ | ||
+ | .page-wrapper { | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | left: 0; | ||
+ | right:0; | ||
+ | top: 0; | ||
+ | bottom: 0; | ||
+ | margin-left: 50px; | ||
+ | -webkit-perspective: 1400px; | ||
+ | -moz-perspective: 1400px; | ||
+ | perspective: 1400px; | ||
+ | -webkit-perspective-origin: 10% 10%; | ||
+ | -moz-perspective-origin: 10% 10%; | ||
+ | perspective-origin: 10% 10%; | ||
+ | background: #fff; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .page-wrapper.page-bg-gray2 { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .page-wrapper.page-bg-gray2 section { | ||
+ | background: #efefef; | ||
+ | } | ||
+ | .page-wrapper.page-bg-metalic { | ||
+ | background: #fff; | ||
+ | } | ||
+ | .page-wrapper.page-bg-metalic section { | ||
+ | background: -webkit-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | ||
+ | /* Chrome 10+, Saf5.1+ */ | ||
+ | background: -moz-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | ||
+ | /* FF3.6+ */ | ||
+ | background: -ms-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | ||
+ | /* IE10 */ | ||
+ | background: -o-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | ||
+ | /* Opera 11.10+ */ | ||
+ | background: linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | ||
+ | /* W3C */ | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .page-wrapper { | ||
+ | margin-left: 80px; | ||
+ | } | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .page-wrapper { | ||
+ | margin-left: 250px; | ||
+ | } | ||
+ | } | ||
+ | .page-wrapper section { | ||
+ | position: absolute; | ||
+ | z-index: -1; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | bottom: 0; | ||
+ | right: 0; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | -moz-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | visibility: hidden; | ||
+ | -webkit-transform: translate3d(0, 0, 0); | ||
+ | -moz-transform: translate3d(0, 0, 0); | ||
+ | -o-transform: translate3d(0, 0, 0); | ||
+ | transform: translate3d(0, 0, 0); | ||
+ | -webkit-transform: preserve-3d; | ||
+ | -moz-transform: preserve-3d; | ||
+ | -o-transform: preserve-3d; | ||
+ | transform: preserve-3d; | ||
+ | background: #fff; | ||
+ | overflow: hidden; | ||
+ | opacity: 0; | ||
+ | } | ||
+ | .page-wrapper section.section-current { | ||
+ | visibility: visible; | ||
+ | z-index: 1; | ||
+ | opacity: 1; | ||
+ | } | ||
+ | .page-wrapper section.pt-page-ontop { | ||
+ | z-index: 2; | ||
+ | } | ||
+ | .page-wrapper section .content { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | min-height: 100%; | ||
+ | height: 100%; | ||
+ | overflow: hidden; | ||
+ | overflow-y: scroll; | ||
+ | -webkit-overflow-scrolling: touch; | ||
+ | } | ||
+ | .page-wrapper section .content.table { | ||
+ | display: table; | ||
+ | table-layout: fixed; | ||
+ | } | ||
+ | .page-wrapper section .content.table .table-middle { | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: 0; | ||
+ | display: table-cell; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .page-wrapper section .btn-prev { | ||
+ | position: fixed; | ||
+ | z-index: 999; | ||
+ | top: -1px; | ||
+ | left: -1px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .page-wrapper header { | ||
+ | position: relative; | ||
+ | padding-top: 30px; | ||
+ | padding-bottom: 25px; | ||
+ | } | ||
+ | @media (min-width: 992px) { | ||
+ | .page-wrapper header { | ||
+ | padding-bottom: 50px; | ||
+ | } | ||
+ | } | ||
+ | .page-wrapper header h3 { | ||
+ | letter-spacing: 2px; | ||
+ | display: inline-block; | ||
+ | margin-right: 20px; | ||
+ | font-weight: 400; | ||
+ | border-right: 8px solid #662d91; | ||
+ | padding: 15px 20px 15px 0; | ||
+ | color: #662d91; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | .page-wrapper header h3 small { | ||
+ | display: block; | ||
+ | text-align: right; | ||
+ | color: #f7f7f7; | ||
+ | margin-top: 10px; | ||
+ | font-weight: 300; | ||
+ | font-size: 16px; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | text-transform: lowercase; | ||
+ | } | ||
+ | .page-wrapper header h5 { | ||
+ | display: none; | ||
+ | padding-top: 20px; | ||
+ | color: #000; | ||
+ | letter-spacing: 1.5px; | ||
+ | font-family: 'Lato', sans-serif; | ||
+ | font-weight: 300; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | @media (min-width: 768px) { | ||
+ | .page-wrapper header h5 { | ||
+ | display: inline; | ||
+ | } | ||
+ | } | ||
+ | .page-wrapper .bg-img1 { | ||
+ | background: url('../img/bg/bg-gray.jpg') center fixed no-repeat; | ||
+ | } | ||
+ | .page-wrapper .bg-img-black { | ||
+ | background: url('../img/bg/section-bg1.jpg') center fixed no-repeat; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
.pw { | .pw { | ||
position: absolute; | position: absolute; |
Revision as of 05:58, 16 June 2017