Line 5: | Line 5: | ||
/* PAGE-WRAPPER | /* PAGE-WRAPPER | ||
/* =================================================================== */ | /* =================================================================== */ | ||
− | . | + | .wrapper { |
position: absolute; | position: absolute; | ||
z-index: 1; | z-index: 1; | ||
Line 22: | Line 22: | ||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
− | . | + | .wrapper.page-bg-gray2 { |
background: #fff; | background: #fff; | ||
} | } | ||
− | . | + | .wrapper.page-bg-gray2 section { |
background: #efefef; | background: #efefef; | ||
} | } | ||
− | . | + | .wrapper.page-bg-metalic { |
background: #fff; | background: #fff; | ||
} | } | ||
− | . | + | .wrapper.page-bg-metalic section { |
background: -webkit-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | background: -webkit-linear-gradient(90deg, #8e9eab 10%, #eef2f3 90%); | ||
/* Chrome 10+, Saf5.1+ */ | /* Chrome 10+, Saf5.1+ */ | ||
Line 44: | Line 44: | ||
} | } | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
− | . | + | .wrapper { |
margin-left: 80px; | margin-left: 80px; | ||
} | } | ||
} | } | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
− | . | + | .wrapper { |
margin-left: 250px; | margin-left: 250px; | ||
} | } | ||
} | } | ||
− | . | + | .wrapper section { |
position: absolute; | position: absolute; | ||
z-index: -1; | z-index: -1; | ||
Line 76: | Line 76: | ||
opacity: 0; | opacity: 0; | ||
} | } | ||
− | . | + | .wrapper section.section-current { |
visibility: visible; | visibility: visible; | ||
z-index: 1; | z-index: 1; | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
− | . | + | .wrapper section.pt-page-ontop { |
z-index: 2; | z-index: 2; | ||
} | } | ||
− | . | + | .wrapper section .content { |
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
Line 93: | Line 93: | ||
-webkit-overflow-scrolling: touch; | -webkit-overflow-scrolling: touch; | ||
} | } | ||
− | . | + | .wrapper section .content.table { |
display: table; | display: table; | ||
table-layout: fixed; | table-layout: fixed; | ||
} | } | ||
− | . | + | .wrapper section .content.table .table-middle { |
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
Line 105: | Line 105: | ||
vertical-align: middle; | vertical-align: middle; | ||
} | } | ||
− | . | + | .wrapper section .btn-prev { |
position: fixed; | position: fixed; | ||
z-index: 999; | z-index: 999; | ||
Line 112: | Line 112: | ||
margin: 0; | margin: 0; | ||
} | } | ||
− | . | + | .wrapper header { |
position: relative; | position: relative; | ||
padding-top: 30px; | padding-top: 30px; | ||
Line 118: | Line 118: | ||
} | } | ||
@media (min-width: 992px) { | @media (min-width: 992px) { | ||
− | . | + | .wrapper header { |
padding-bottom: 50px; | padding-bottom: 50px; | ||
} | } | ||
} | } | ||
− | . | + | .wrapper header h3 { |
letter-spacing: 2px; | letter-spacing: 2px; | ||
display: inline-block; | display: inline-block; | ||
Line 132: | Line 132: | ||
text-transform: uppercase; | text-transform: uppercase; | ||
} | } | ||
− | . | + | .wrapper header h3 small { |
display: block; | display: block; | ||
text-align: right; | text-align: right; | ||
Line 142: | Line 142: | ||
text-transform: lowercase; | text-transform: lowercase; | ||
} | } | ||
− | . | + | .wrapper header h5 { |
display: none; | display: none; | ||
padding-top: 20px; | padding-top: 20px; | ||
Line 152: | Line 152: | ||
} | } | ||
@media (min-width: 768px) { | @media (min-width: 768px) { | ||
− | . | + | .wrapper header h5 { |
display: inline; | display: inline; | ||
} | } | ||
} | } | ||
− | . | + | .wrapper .bg-img1 { |
background: url('../img/bg/bg-gray.jpg') center fixed no-repeat; | background: url('../img/bg/bg-gray.jpg') center fixed no-repeat; | ||
} | } | ||
− | . | + | .wrapper .bg-img-black { |
background: url('../img/bg/section-bg1.jpg') center fixed no-repeat; | background: url('../img/bg/section-bg1.jpg') center fixed no-repeat; | ||
color: #fff; | color: #fff; | ||
Line 257: | Line 257: | ||
<!-- end: NAVIGATION --> | <!-- end: NAVIGATION --> | ||
− | <div class=" | + | <div class="wrapper"> |
<section id="home" class="page-activ"> | <section id="home" class="page-activ"> |
Revision as of 06:03, 16 June 2017