html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: none;
font-size: 100%;
font: inherit;
vertical-align: baseline;
text-decoration: none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* RESET CSS */
@font-face {
font-family: 'capsuularegular';
src: url('../fonts/Capsuula-webfont.eot');
src: url('../fonts/Capsuula-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/Capsuula-webfont.woff') format('woff'),
url('../fonts/Capsuula-webfont.ttf') format('truetype'),
url('../fonts/Capsuula-webfont.svg#capsuularegular') format('svg');
font-weight: normal;
font-style: normal;
}
html {font-size:1px;}
body {font-family: 'Open Sans', sans-serif;background:rgba(239,239,239,1) url(../img/body.png) 0 0 repeat;/*overflow:hidden;*/font-size:16rem;}
body.bg-en {background:rgba(239,239,239,1) url(../img/bg2.png) 0 0 repeat;}
aside {font-family: 'Open Sans Condensed', sans-serif;width:20%;/*min-width:300px;*/font-size:22rem;position:fixed;z-index:9;float:left;background:#fff;}
.logo {height:188px;text-indent:-9999px;border-bottom:1px solid rgba(0,0,0,0.2);margin:0 10px;overflow:hidden;}
.logo a {height:188px;display:block;background:url(../img/logo.png) center center no-repeat;}
#menu {/*height:400px;*/width:100%;overflow:hidden;position:absolute;}
nav {border-top:1px solid rgba(255,255,255,0.10);padding:0 10px;}
nav a {-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
nav .main li {border-bottom:1px solid rgba(0,0,0,0.15);}
nav .main li a {display:block;padding:10rem;padding-left:20rem;color:#181818;}
nav .main li.act a {color:#212e84;}
nav .sub {background:rgba(239,239,239,0.5);}
nav .sub li {border-color:rgba(0,0,0,0.20);}
nav .sub li a {padding-left:30rem;color:#313131;}
nav .sub li.act a {color:#212e84;}
nav .sub li a:hover {color:#444;background:rgba(255,255,255,0.7);}
.lang {position:fixed;top:0;right:0;z-index:9;}
.lang ul {background:#fff;overflow:hidden;padding:0 5px;font-size:14rem;}
.lang ul li {float:left;}
.lang ul li a {display:block;padding:10px 10px;color:#181818;}
.slide-content {width:80%;margin-left:20%;position:relative;}
.bg-wrap, .bg-wraps {padding:20px;background:url(../img/bg33.jpg) 0 0 repeat;}
/*.text {margin-bottom:200px;z-index:1;position:relative;width:580px;padding:30px;position:relative;top:100px;left:50%;margin-left:-320px;background:rgba(255,255,255,0.9);color:#444;line-height:24rem;}*/
.text {color:#444;line-height:24rem;}
.main-title {display:inline-block;font-family: 'Open Sans Condensed', sans-serif;font-size:30rem;color:#444;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,0.1);}
.text {background:rgba(239,239,239,1) url(../img/body.png) 0 0 repeat; padding-left:50px; padding-right:50px; padding-top:80px; margin-bottom:70px;}
.text p {margin-bottom:10px;-webkit-transition:all 2.5s ease;-moz-transition:all 2.5s ease;transition:all 2.5s ease;}
.text strong, .text b {font-weight:700;}
.mini-gallery {background:rgba(239,239,239,1) url(../img/body.png) 0 0 repeat; display:table; padding-bottom:20px;}
.mini-gallery li {float:left;width:33%;margin-left:1px;margin-bottom:1px;overflow:hidden;}
/*.mini-gallery li:nth-child(4n+1) {margin-left:0;}*/
.mini-gallery li img {display:block;width:100%;}
.loading {background:url(../img/loading.gif) center center no-repeat;}
#slider {position:fixed;}
.gallery-grid {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gallery-grid article {position:relative;width:33%;float:left;border-left:1px solid rgba(239,239,239,1);border-bottom:1px solid rgba(239,239,239,1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.gallery-grid article img {display:block;width:100%;}
.gallery-grid article a .capt {position:absolute;bottom:10px;left:10px;background:rgba(255,255,255,0.8);padding:10px;color:#181818;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.gallery-grid article a:hover .capt {background:rgba(255,255,255,0.95);}
.text-page {padding:100rem 100rem 70rem 100rem;line-height:24rem;}
.text-page h1 {font-size:28rem;margin-bottom:20rem;padding-bottom:20rem;border-bottom:1px solid #c9c9c9;display:inline-block;}
.text-page p {margin-bottom:10rem;}
/*.slide-content .gallery {overflow:hidden;margin-bottom:70px;padding:5px 50px 50px 50px;}
.slide-content .gallery li {float:left;float:left;width:33%;margin-left:1px;}*/
.text a { color:#545454; }
.close {text-indent:-9999px;background:url(../img/close.png) 0 0 no-repeat;width:40px;height:40px;position:absolute;top:0;right:0;cursor:pointer;}
.contact {font-size:20rem;line-height:32rem;}
.map {height:700px;overflow:hidden;width:100%;margin-top:0rem;}
.map img {width:100%;}
.footer-wrap {position:fixed;bottom:0;width:100%;z-index:3;}
footer {z-index:4;position:relative;width:100%;height:70px;background:rgba(239,239,239,1);border-top:1px solid #fff;}
footer ul {width:360px;margin:0 auto;padding-top:27px;font-weight:600;color:#545454;}
footer ul a {color:#545454;}
footer ul li {float:left;margin-left:20px;padding-left:30px;line-height:19rem;}
footer ul li:first-child {margin-left:0;}
footer ul li.mail {background:url(../img/sprite.png) 0 3px no-repeat;}
footer ul li.phone {background:url(../img/sprite.png) 0 -47px no-repeat;}
@media screen and (max-height: 900px) {
aside {font-size:18rem;}
nav .main li a {padding:7rem;padding-left:20rem;}
nav .sub li a {padding:7rem;padding-left:30rem;}
.logo {height:168px;}
.logo a {background:url(../img/logo-m.png) center 20px no-repeat;}
.map {height:400px;}
}
@media screen and (max-height: 800px) {
aside {font-size:17rem;}
nav .main li a {padding:7rem;padding-left:20rem;}
nav .sub li a {padding:7rem;padding-left:30rem;}
.logo {height:148px;}
.logo a {background:url(../img/logo-sm.png) center 20px no-repeat;}
.map {height:350px;}
}
@media screen and (max-height: 700px) {
aside {font-size:17rem;}
nav .main li a {padding:6rem;padding-left:20rem;}
nav .sub li a {padding:6rem;padding-left:30rem;}
.logo {height:128px;}
.logo a {background:url(../img/logo-sm.png) center 15px no-repeat;}
.map {height:300px;}
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
.ps-container .ps-scrollbar-x-rail {
position: absolute; /* please don't change 'position' */
bottom: 3px; /* there must be 'bottom' for ps-scrollbar-x-rail */
height: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
filter: alpha(opacity = 0);
-o-transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color.2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
}
.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
opacity: 0.6;
filter: alpha(opacity = 60);
}
.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
background-color: #eee;
opacity: 0.9;
filter: alpha(opacity = 90);
}
.ps-container .ps-scrollbar-x-rail.in-scrolling {
opacity: 0.9;
filter: alpha(opacity = 90);
}
.ps-container .ps-scrollbar-y-rail {
position: absolute; /* please don't change 'position' */
right: 3px; /* there must be 'right' for ps-scrollbar-y-rail */
width: 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
filter: alpha(opacity = 0);
-o-transition: background-color .2s linear, opacity .2s linear;
-webkit-transition: background-color.2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
}
.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
opacity: 0.6;
filter: alpha(opacity = 60);
}
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
background-color: #eee;
opacity: 0.9;
filter: alpha(opacity = 90);
}
.ps-container .ps-scrollbar-y-rail.in-scrolling {
opacity: 0.9;
filter: alpha(opacity = 90);
}
.ps-container .ps-scrollbar-x {
position: absolute; /* please don't change 'position' */
bottom: 0; /* there must be 'bottom' for ps-scrollbar-x */
height: 5px;
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-o-transition: background-color .2s linear;
-webkit-transition: background-color.2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.ps-container.ie6 .ps-scrollbar-x {
font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}
.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
background-color: #999;
}
.ps-container .ps-scrollbar-y {
position: absolute; /* please don't change 'position' */
right: 0; /* there must be 'right' for ps-scrollbar-y */
width: 5px;
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-o-transition: background-color .2s linear;
-webkit-transition: background-color.2s linear;
-moz-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.ps-container.ie .ps-scrollbar-y {
font-size: 0; /* fixed scrollbar height in xp sp3 ie6 */
}
.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
background-color: #999;
}